Criar paletas de cores personalizadas

O Tableau Desktop vem instalado com muitas paletas de cores predefinidas que são eficazes para visualizar dados. Você também tem a opção de criar e usar suas próprias paletas de cores personalizadas, que podem ser úteis para fins de estratégia de marca. No Tableau versão 2025.3 ou posterior, você pode criar uma paleta de cores personalizada diretamente no fluxo do seu trabalho no Tableau Desktop. Em versões anteriores do Tableau Desktop, você pode criar uma paleta de cores personalizada modificando o arquivo preferences.tps que vem instalado com sua versão do Tableau.

O Tableau oferece três tipos de paletas de cores:

Categorizada: para campos discretos sem ordem inerente (por exemplo, nomes e categorias de produtos), atribuindo uma cor exclusiva a cada item.

Divergente: para campos contínuos, usa duas cores contrastantes que irradiam de um ponto médio neutro (por exemplo, branco ou cinza claro) para exibir dados quantitativos com valores positivos e negativos ou desvios de uma linha de base. A intensidade da cor significa magnitude.

Sequencial: para campos contínuos, usa uma única cor com intensidade variável para representar um intervalo de valores quantitativos, ideal para dados com progressão natural (por exemplo, baixo para alto, todos positivos ou todos negativos).

Criar uma paleta de cores personalizada diretamente em uma pasta de trabalho Tableau (Tableau versão 2025.3 e posterior)

No Tableau Desktop, as paletas de cores personalizadas podem ser criadas de várias maneiras. Os métodos usados com mais frequência são por meio da caixa Codificação de cores no cartão Marcas ou pelo menu Formatar pasta de trabalho, acessado pela barra de ferramentas.

Acessar paletas de cores personalizadas por meio de Cor no cartão Marcas

Em uma planilha do Tableau, arraste e solte um campo em Cor no cartão Marcas.

Selecione Cor no cartão Marcas.

Selecione Editar cores...
Opção Editar cores no cartão Marcas.

Na caixa de diálogo Editar cores, expanda o menu suspenso da paleta de cores, role até a parte inferior e selecione Criar paleta personalizada.

Criar uma paleta de cores personalizada categorizada

Uma paleta de cores categorizada oferece várias cores distintas que podem ser atribuídas a dimensões discretas. Por exemplo, quando uma dimensão discreta como Região é colocada no cartão Cor, o Tableau aplica uma legenda de cor categorizada.
Caixa de diálogo Criar paleta personalizada para uma paleta de cores categorizada.

  1. Nomeie a paleta de cores personalizada.

  2. Escolha se deseja criar uma paleta com base em uma paleta pré-carregada ou em nenhuma.

  3. Selecione Colar amostras para inserir vários códigos hexadecimais ou valores RGB ou selecione Adicionar amostra para adicionar cores individualmente.

Na caixa de diálogo Adicionar amostra, você pode:

  • Selecionar cores das paletas Escuro ou Claro

  • Inserir um código hexadecimal

  • Selecionar o sinal de adição para adicionar cores do seletor de cores do sistema

    Caixa de diálogo Adicionar uma cor que é aberta quando você seleciona Adicionar amostra.

Na caixa de diálogo do seletor de cores, você pode:

  • Inserir um código hexadecimal

  • Inserir os valores Vermelho/Verde/Azul (RBG) e Matiz/Saturação/Valor (HSV)

  • Selecionar uma cor no espectro do seletor de cores

  1. Selecione OK.

  2. Continue adicionando amostras até criar sua paleta de cores personalizada e salvar seu trabalho.

Quando você navega até a caixa de codificação de cores no cartão Marcas, pode atribuir cores da sua paleta de cores personalizada aos campos em sua visualização.

Criar uma paleta de cores personalizada sequencial

Uma paleta sequencial mostra uma única cor, variando de intensidade. Você deve especificar pelo menos as duas cores finais no intervalo de cores sequenciais. O Tableau extrapola os tons intermediários.

Caixa de diálogo Criar paleta personalizada para uma paleta sequencial.

  1. Nomeie a paleta de cores personalizada.

  2. Escolha se deseja criar uma paleta com base em uma paleta pré-carregada ou em nenhuma.

  3. Insira um código hexadecimal (sem o sinal #) no campo de código hexadecimal, selecione uma amostra vazia para usar o seletor de cores ou selecione Colar amostras para inserir vários códigos hexadecimais ou valores RGB.

Criar uma paleta de cores personalizada divergente

Uma paleta divergente combina duas paletas sequenciais, compartilhando uma cor central, mas variando em seus extremos. Esse tipo de paleta emprega intensidade de cor (luminosidade ou escuridão) para indicar magnitude numérica, enquanto a tonalidade específica (como laranja ou azul) denota o intervalo do valor. As paletas divergentes são frequentemente utilizadas para ilustrar diferenças entre valores positivos e negativos.

Caixa de diálogo Criar paleta personalizada para uma paleta de cores divergente.

  1. Nomeie a paleta de cores personalizada.

  2. Escolha se deseja criar uma paleta personalizada com base em uma paleta pré-carregada ou nenhuma.

  3. Insira um código hexadecimal (sem o sinal #) no campo de código hexadecimal, selecione uma amostra vazia para usar o seletor de cores ou selecione Colar amostras para inserir vários códigos hexadecimais ou valores RGB.

Colar amostras

Cole vários códigos hexadecimais ou valores RGB, separados por vírgulas, para adicionar várias amostras por vez.

Acessar paletas de cores personalizadas por meio do menu Formatar

  1. No menu Formatar, selecione Pasta de trabalho.

  2. O painel Formatar pasta de trabalho substitui o painel Dados à esquerda e fornece uma série de listas suspensas onde é possível alterar as fontes, o estilo de linha e as paletas de cores em uma pasta de trabalho.

  3. Role até Paletas de cores e expanda o menu ao lado do tipo de paleta de cores que você deseja adicionar: Categorizada, Divergente ou Sequencial.

  4. Percorra todas as paletas de cores disponíveis até a parte inferior e selecione Criar paleta personalizada.

Excluir ou modificar uma paleta de cores personalizada

  1. Em uma planilha do Tableau, selecione Cor no cartão Marcas.

  2. Selecione Editar cores...

  3. Na caixa de diálogo Editar cores, expanda o menu suspenso da paleta de cores e selecione a paleta que deseja excluir ou modificar.

  4. Para uma paleta categorizada, selecione o ícone de lápis para modificar a paleta ou selecione o ícone da lixeira para excluir a paleta.
    Para uma paleta divergente ou sequencial, expanda o menu à direita da paleta selecionada e selecione Editar paleta personalizada ou Excluir paleta.

    Caixa de diálogo Editar cores ampliada para mostrar as funções de edição e exclusão de uma paleta de cores categorizada.

    Caixa de diálogo Editar cores para uma paleta qualitativa com opções para modificar ou excluir uma paleta personalizada.

Cuidado: não é possível restaurar uma paleta de cores personalizada excluída. Elas são armazenadas no arquivo de preferências do Tableau. Se você excluir uma paleta de cores personalizada no Tableau Desktop, ela também será excluída do arquivo de preferências.

  1. Na caixa de diálogo Editar paleta personalizada, você pode alterar uma cor selecionando uma amostra. Para remover uma cor da paleta, selecione o X que aparece ao passar o mouse sobre ela.

    Capacidade de excluir uma amostra de uma paleta de cores personalizada.

Criar uma paleta de cores personalizada modificando o arquivo de preferências (Tableau Desktop 2025.2 e anteriores)

No Tableau Desktop 2025.2 e versões anteriores, você pode criar e usar suas próprias paletas de cores personalizadas modificando o arquivo Preferences.tps que vem com o Tableau.

Ao modificar o Preferences.tps para adicionar cores, use o formato HTML padrão para novas cores (código hexadecimal #RRGGBB ou formato Vermelho Verde e Azul). Ao salvar a pasta de trabalho e reiniciar o Tableau Desktop, os nomes das paletas de cor adicionados ao Preferences.tps aparecem na lista suspensa Selecionar paleta de cores (caixa de diálogo Editar cor). Você pode usar uma paleta personalizada como usaria qualquer outra.

Sobre o arquivo de preferências

Adicione quantas paletas personalizadas quiser ao seu arquivo Preferences.tps, cada uma com quantas cores desejar. Embora não haja um limite de quantas cores podem ser adicionadas a cada paleta personalizada, a caixa de diálogo Editar cores mostra apenas 20 cores. Se você precisar atribuir manualmente mais de 20 cores a itens de dados, convém criar várias paletas personalizadas com 20 cores ou menos em cada paleta.

Ao modificar o Preferences.tps para adicionar cores, use o formato HTML padrão para novas cores (código hexadecimal #RRGGBB ou formato Vermelho Verde e Azul). Ao salvar a pasta de trabalho e reiniciar o Tableau Desktop, os nomes das paletas de cor adicionados ao Preferences.tps aparecem na lista suspensa Selecionar paleta de cor (caixa de diálogo Editar cor). Você pode usar uma paleta personalizada como usaria qualquer outra.

Observação: ao editar seu arquivo Preferences.tps, certifique-se de usar aspas inglesas (' ' ou " ") para delimitar o nome e o tipo da paleta, não aspas simples (“ ” or ‘ ’).

Editar o arquivo de preferências

O arquivo Preferências.tps está localizado na pasta Meu repositório do Tableau que é criada quando você instala Tableau Desktop, provavelmente localizado em Documentos. O arquivo de preferências é um arquivo XML básico que pode ser aberto e modificado em um editor de texto. A seguir, um exemplo de arquivo de preferências não editado:

Menu de preferências no Bloco de Notas com opções básicas de navegação.

Para editar o arquivo de preferências:

  1. Vá para a pasta Meu repositório do Tableau no seu diretório Documentos e abra o arquivo Preferences.tps com um editor de texto.
  2. Entre as marcas de abertura e fechamento de workbook, insira marcas de abertura e fechamento de preferences para que se pareça com isso:
    <?xml version='1.0'?>
    <workbook>
    <preferences>
    </preferences>
    </workbook>

    Observação: se o seu arquivo Preferences.tps já tem marcas de preferências, você não precisa adicioná-las novamente.

  1. Siga um dos próximos procedimentos para criar uma paleta de cores personalizada inserindo as marcas color-palette entre as marcas preferences . Por exemplo:
    <?xml version='1.0'?>	
    <workbook>
    <preferences>
    <color-palette name="MyColors" type="regular">
    <color>#1e4c56</color>
    <color>#cba94b</color>
    </color-palette>
    </preferences>
    </workbook>

    As paletas de cores podem ser categóricas (type="regular"), sequenciais (type="ordered-sequential") ou divergentes (type="ordered-diverging").

  2. Para adicionar mais paletas, insira outro conjunto de marcas color-palette.
    <?xml version='1.0'?>	
    <workbook>
    <preferences>
    <color-palette name="MyColors" type="regular">
    <color>#1e4c56</color>
    <color>#cba94b</color>
    </color-palette>
    <color-palette name="MoreColors" type="regular">
    <color>#ffe96f</color>
    <color>#799a0d</color>
    </color-palette>
    </preferences>
    </workbook>
  3. Você deve reiniciar Tableau Desktop para ver as novas paletas de cores.

Criar uma paleta categórica

Uma paleta de cores categorizada contém várias cores distintas que podem ser atribuídas a diferentes membros da dimensão. Por exemplo, quando uma dimensão discreta como Região é colocada no cartão de Cor, a legenda de cor categorizada é usada.

A legenda com quatro regiões codificadas por cores.

No arquivo de preferências, uma paleta categórica é type="regular".

Criar uma paleta de cores categorizada personalizada

Veja a seguir um exemplo de o que adicionar entre as marcas de preferences para criar uma paleta de cores categóricas. Observe que o atributo type está especificado como regular, o que identifica essa paleta como categórica.

Para criar uma paleta de cores categorizada personalizada:

  1. No arquivo Preferences.tps, entre as marcas "preferences" , cole o código a seguir. Assegure-se de usar aspas retas, não as curvas, para delimitar o nome e tipo da paleta.
    <color-palette name="My Categorical Palette" type="regular">
    <color>#eb912b</color>
    <color>#7099a5</color> <color>#c71f34</color>
    <color>#1d437d</color>
    <color>#e8762b</color>
    <color>#5b6591</color>
    <color>#59879b</color>
    </color-palette>
  2. Salve o arquivo Preferences.tps e, em seguida, reinicie o Tableau Desktop.
  3. Abra uma fonte de dados, como a Superstore - Exemplo.
  4. No painel Dados, arraste uma dimensão discreta, por exemplo, Região, até Cor.
  5. Clique na seta do menu de legenda da cor e selecione Editar cores.

    Menu de contexto com opções para editar cores, formatar legendas, mostrar e editar títulos, destacar itens selecionados, classificar e ocultar um cartão.

  6. Na caixa de diálogo Editar cores, na lista suspensa de paletas, selecione sua nova paleta personalizada.

    Caixa de diálogo Editar cores com opções para selecionar itens de dados e atribuir paletas de cores.

  7. Clique no botão Atribuir paleta para designar as cores personalizadas a cada campo respectivo.
  8. Clique em OK.

    Caixa de diálogo Editar cores para dados regionais com opções para atribuir e redefinir paletas.

Criar uma paleta sequencial

Outro tipo de paleta de cores é a secundária. Este tipo de paleta de cor é usada para campos contínuos, normalmente para medidas. Em geral, uma paleta sequencial mostra uma única cor, variando de intensidade.

Você deve especificar pelo menos as duas cores finais no intervalo de cores sequenciais. O Tableau extrapolará os tons intermediários.

Uma caixa de diálogo para escolher uma paleta de cores para dados de vendas.

Criar uma paleta de cores sequencial personalizada

Veja a seguir um exemplo de o que adicionar entre as marcas de preferences para criar uma paleta de cores sequencial. Observe que o atributo type está especificado como ordered-sequential, o que identifica essa paleta como sequencial.

Para criar uma paleta de cores personalizada secundária:

  1. No arquivo Preferences.tps, entre as marcas de preferences, cole o seguinte. Assegure-se de usar aspas retas, não as curvas, para delimitar o nome e tipo da paleta.
    <color-palette name="My Sequential Palette" type="ordered-sequential">
    <color>#eb912b</color>
    <color>#eb9c42</color>
    <color>#ebad67</color>
    <color>#eabb86</color>
    <color>#eacba8</color>
    <color>#ebd8c2</color>
    </color-palette>
  2. Salve o arquivo Preferences.tps e, em seguida, reinicie o Tableau Desktop.
  3. Abra uma fonte de dados, como a Superstore- Sample.
  4. No painel Dados, arraste uma medida (por exemplo, Vendas) até Cor.
  5. Clique na seta do menu de legenda da cor e selecione Editar cores.
  6. Na caixa de diálogo Editar cores, na lista suspensa de paletas, selecione sua paleta personalizada.
  7. Se quiser que cada gradação de cor seja definida em uma caixa, marque a caixa de seleção Cor de Nível e, na caixa de texto Etapas, digite o número de etapas de cor a exibir na barra.
  8. Clique no botão Avançado.
  9. Marque a caixa de seleção Inicial e, na caixa de texto, digite o número mais baixo desejado para a sequência contínua.
  10. Clique no botão Aplicar para ver o resultado e faça os ajustes necessários. A cor irá de uma intensidade alta para baixa (ou o contrário) baseada na ordem que você especificar no arquivo Preferences.tps. O padrão para paletas de cor sequenciais no Tableau é intensificar a extremidade mais alta da sequência contínua e empalidecer a extremidade mais baixa, porém selecionar a caixa de seleção Revertido fará o contrário.

    Uma caixa de diálogo de edição de cores, completa com uma paleta de cores, controle deslizante e configurações de controle de intervalo, além do editor de texto com as configurações de paleta personalizadas.

Criar uma paleta de cores divergentes

O terceiro tipo de paleta de cores é a paleta de cores divergentes. Em vez de um gradiente de um extremo ao outro, uma paleta divergente é como duas paletas sequenciais que compartilham uma cor no meio, mas têm extremos diferentes. Este tipo de paleta mostra dois intervalos de valores usando a intensidade da cor (tão escuro ou claro) para mostrar a magnitude do número e a cor real (laranja ou azul) para mostrar de qual intervalo o número pertence. As paletas divergentes são mais usadas para mostrar a diferença entre números positivos e negativos.

Uma escala de gradiente de cores indica um lucro total de $ 523.589

Criar uma paleta de cores divergentes personalizada

Veja a seguir um exemplo de o que adicionar entre as marcas de preferences para criar uma paleta de cores divergentes. Observe que type está especificado como ordered-diverging, o que identifica essa paleta como divergente.

Para criar uma paleta de cores divergentes personalizada:

  1. No arquivo Preferences.tps, entre as marcas de preferences, cole o seguinte. Assegure-se de usar aspas retas, não as curvas, para delimitar o nome e tipo da paleta.
    <color-palette name="My Diverging Palette" type="ordered-diverging">
    <color>#eb912b</color>
    <color>#59879b</color>
    </color-palette>
  2. Salve o arquivo Preferences.tps e, em seguida, reinicie o Tableau Desktop.
  3. Abra uma fonte de dados, como a Superstore - Sample.
  4. Clique no botão Atribuir paleta. As cores na paleta são usadas na ordem em que aparecem no arquivo Preferences.

A caixa de diálogo de edição de cores mostra uma paleta de cores divergente com faixas monetárias específicas e o editor de texto com as configurações de paleta personalizadas.

Usar paletas de cores descontinuadas (clássicas)

Na versão 10.0, o Tableau criou novas paletas de cor, atualizou algumas já existentes (como o Tableau 10 e Tableau 20) e suspendeu outras. Caso queira continuar a usar uma paleta de cor suspensa, edite seu arquivo Preferences.tps para adicionar os valores hex da paleta. Você pode adicionar quantas paletas de cor desejar.

Valores hex para paletas de cor suspensas

A tabela a seguir lista as paletas de cor suspensas e os códigos XML que você pode utilizar no seu arquivo Preferences.tps para restaurá-las. Se utilizar o código como apresentado, os nomes das paletas começarão com Classic para indicar que são antes da versão 10.0. Em muitos casos, há versões atualizadas de paletas de cor que foram suspensas.

Nome da paleta na versão 9.xValores da versão 9.x HEX

Tableau 10

Agora chamado Tableau Classic 10.

Uma paleta de cores com dez cores.

<color-palette name="Classic 10" type="regular">
<color>#17becf</color> <color>#bcbd22</color> <color>#7f7f7f</color> <color>#e377c2</color> <color>#8c564b</color> <color>#9467bd</color> <color>#d62728</color> <color>#2ca02c</color> <color>#ff7f0e</color> <color>#1f77b4</color>
</color-palette>

Tableau 10 Medium

Agora chamado Tableau Classic Medium.

Uma paleta de cores com dez cores.

<color-palette name="Classic 10 Medium" type="regular">
<color>#6dccda</color> <color>#cdcc5d</color> <color>#a2a2a2</color> <color>#ed97ca</color> <color>#a8786e</color> <color>#ad8bc9</color> <color>#ed665d</color> <color>#67bf5c</color> <color>#ff9e4a</color> <color>#729ece</color>
</color-palette>

Tableau 10 Claro

Uma paleta de cores com dez cores pastéis.

<color-palette name="Classic 10 Light" type="regular">
<color>#9edae5</color> <color>#dbdb8d</color> <color>#c7c7c7</color> <color>#f7b6d2</color> <color>#c49c94</color> <color>#c5b0d5</color> <color>#ff9896</color> <color>#98df8a</color> <color>#ffbb78</color> <color>#aec7e8</color>
</color-palette>

Tableau 20

Agora chamado Tableau Clssic 20.

Uma paleta de cores com vinte cores.

<color-palette name="Classic 20" type="regular"> <color>#9edae5</color> <color>#17becf</color> <color>#dbdb8d</color> <color>#bcbd22</color> <color>#c7c7c7</color> <color>#7f7f7f</color> <color>#f7b6d2</color> <color>#e377c2</color> <color>#c49c94</color> <color>#8c564b</color> <color>#c5b0d5</color> <color>#9467bd</color> <color>#ff9896</color> <color>#d62728</color> <color>#98df8a</color> <color>#2ca02c</color> <color>#ffbb78</color> <color>#ff7f0e</color> <color>#aec7e8</color> <color>#1f77b4</color>
</color-palette>

Cinza 5

Uma paleta de cores com tons de cinza

Substituído por Seattle Greys.

<color-palette name="Classic Gray 5" type="regular"> <color>#cfcfcf</color> <color>#8f8782</color> <color>#414451</color> <color>#a5acaf</color> <color>#60636a</color>
</color-palette>

Daltônicos 10

Uma paleta de cores acessível para daltônicos

Atualizado como Color Blind.

<color-palette name="Classic Color Blind" type="regular">
<color>#cfcfcf</color> <color>#ffbc79</color> <color>#a2c8ec</color> <color>#898989</color> <color>#c85200</color> <color>#5f9ed1</color> <color>#595959</color> <color>#ababab</color> <color>#ff800e</color> <color>#006ba4</color>
</color-palette>

Semáforo

Paleta de cores do Tableau com semáforo.

Atualizado como Semáforo.

<color-palette name="Classic Traffic Light" type="regular">
<color>#9fcd99</color> <color>#ffdd71</color> <color>#f26c64</color> <color>#69b764</color> <color>#ffc156</color> <color>#d82526</color> <color>#309343</color> <color>#dba13a</color> <color>#b10318</color>
</color-palette>

Roxo-cinza 6

Uma paleta de cores com 6 tons de roxo, rosa e cinza

Descontinuada.

<color-palette name="Classic Purple-Gray 6" type="regular">
<color>#d7d5c5</color> <color>#d098ee</color> <color>#995688</color> <color>#94917b</color> <color>#dc5fbd</color> <color>#7b66d2</color>
</color-palette>

Roxo-cinza 12

Uma paleta de cores com 12 tons de roxo, rosa e cinza

Atualizado como Roxo-Rosa-Cinza.

<color-palette name="Classic Purple-Gray 12" type="regular">
<color>#dbd4c5</color> <color>#8b7c6e</color> <color>#d098ee</color> <color>#ab6ad5</color> <color>#d898ba</color> <color>#995688</color> <color>#b4b19b</color> <color>#5f5a41</color> <color>#ffc0da</color> <color>#dc5fbd</color> <color>#a699e8</color> <color>#7b66d2</color>
</color-palette>

Verde-laranja 6

Uma paleta de cores com 6 tons de verde, laranja e amarelo

Descontinuada.

<color-palette name="Classic Green-Orange 6" type="regular">
<color>#b85a0d</color> <color>#39737c</color> <color>#ffd94a</color> <color>#3cb7cc</color> <color>#ff7f0f</color> <color>#32a251</color>
</color-palette>

Verde-laranja 12

Uma paleta de cores com 12 tons de verde, laranja e amarelo

Atualizado como Verde-Laranja-Verde-azulado.

<color-palette name="Classic Green-Orange 12" type="regular">
<color>#ccc94d</color> <color>#82853b</color> <color>#86b4a9</color> <color>#39737c</color> <color>#ffd94a</color> <color>#b85a0d</color> <color>#98d9e4</color> <color>#3cb7cc</color> <color>#ffb977</color> <color>#ff7f0f</color> <color>#acd98d</color> <color>#32a251</color>
</color-palette>

Azul-vermelho 6

Uma paleta de cores com 5 tons de azul, vermelho e marrom

Descontinuada.

<color-palette name="Classic Blue-Red 6" type="regular">
<color>#e9c39b</color> <color>#ea6b73</color> <color>#6ba3d6</color> <color>#ac613c</color> <color>#f02720</color> <color>#2c69b0</color>
</color-palette>

Azul-vermelho 12

Uma paleta de cores com 12 tons de vermelho, marrom e azul.

Atualizado como Azul-Vermelho-Marrom.

<color-palette name="Classic Blue-Red 12" type="regular">
<color>#f4737a</color> <color>#bd0a36</color> <color>#ddc9b4</color> <color>#ac8763</color> <color>#b5dffd</color> <color>#6ba3d6</color> <color>#e9c39b</color> <color>#ac613c</color> <color>#ffb6b0</color> <color>#f02720</color> <color>#b5c8e2</color> <color>#2c69b0</color>
</color-palette>

Cíclico

Uma paleta de cores de gradiente

Atualizado como Círculo de tonalidade.

<color-palette name="Classic Cyclic" type="regular">
<color>#6f63bb</color> <color>#8a60b0</color> <color>#ba43b4</color> <color>#c7519c</color> <color>#d63a3a</color> <color>#ff7f0e</color> <color>#ffaa0e</color> <color>#ffbf50</color> <color>#bcbd22</color> <color>#78a641</color> <color>#2ca030</color> <color>#12a2a8</color> <color>#1f83b4</color>
</color-palette>

Verde

Um gradiente verde

Atualizado.

<color-palette name="Classic Green" type="ordered-sequential">
<color>#09622a</color> <color>#1a7232</color> <color>#27823b</color> <color>#339444</color> <color>#69a761</color> <color>#94bb83</color> <color>#bccfb4</color>
</color-palette>

Cinza

Um gradiente cinza

Atualizado.

<color-palette name="Classic Gray" type="ordered-sequential">
<color>#1e1e1e</color> <color>#282828</color> <color>#333333</color> <color>#3f3f3f</color> <color>#4b4b4b</color> <color>#585858</color> <color>#666666</color> <color>#747474</color> <color>#838383</color> <color>#929292</color> <color>#a2a2a2</color> <color>#b2b2b2</color> <color>#c3c3c3</color>
</color-palette>

Azul

Um gradiente azul

Atualizado.

<color-palette name="Classic Blue" type="ordered-sequential">
<color>#26456e</color> <color>#1c5998</color> <color>#1c73b1</color> <color>#3a87b7</color> <color>#67add4</color> <color>#7bc8e2</color> <color>#b4d4da</color>
</color-palette>

Vermelho

Um gradiente vermelho

Atualizado.

<color-palette name="Classic Red" type="ordered-sequential">
<color>#9c0824</color> <color>#b10c1d</color> <color>#c21417</color> <color>#cf1719</color> <color>#d8392c</color> <color>#e35745</color> <color>#f57667</color> <color>#f89a90</color> <color>#eac0bd</color>
</color-palette>

Laranja

Um gradiente laranja

Atualizado.

<color-palette name="Classic Orange" type="ordered-sequential">
<color>#7b3014</color> <color>#a33202</color> <color>#d74401</color> <color>#f06511</color> <color>#fd8938</color> <color>#fdab67</color> <color>#f0c294</color>
</color-palette>

Área vermelha

Um gradiente vermelho

Descontinuada.

<color-palette name="Classic Area Red" type="ordered-sequential">
<color>#bd1100</color> <color>#c92b14</color> <color>#d43e25</color> <color>#e04e35</color> <color>#ea5e45</color> <color>#f46b55</color> <color>#fd7864</color> <color>#fe8b7a</color> <color>#fd9c8f</color> <color>#fbb3ab</color> <color>#f5cac7</color>
</color-palette>

Área verde

Um gradiente verde

Descontinuada.

<color-palette name="Classic Area Green" type="ordered-sequential">
<color>#3c8200</color> <color>#4a8c1c</color> <color>#569735</color> <color>#60a24d</color> <color>#6cae59</color> <color>#7abc5f</color> <color>#8ac765</color> <color>#9ad26d</color> <color>#acdc7a</color> <color>#c3e394</color> <color>#dbe8b4</color>
</color-palette>

Área marrom

Um gradiente marrom quente

Descontinuada.

<color-palette name="Classic Area-Brown" type="ordered-sequential">
<color>#bb5137</color> <color>#bb6348</color> <color>#bb7359</color> <color>#c08262</color> <color>#cc8f63</color> <color>#d89c63</color> <color>#e4aa63</color> <color>#f0b763</color> <color>#f7c577</color> <color>#f6d29c</color> <color>#f3e0c2</color>
</color-palette>

Vermelho-verde divergente

Um gradiente do vermelho ao verde.

Atualizado.

<color-palette name="Classic Red-Green" type="ordered-diverging">
<color>#09622a</color> <color>#1e7735</color> <color>#2f8e41</color> <color>#69a761</color> <color>#a2c18f</color> <color>#cacaca</color> <color>#fc8375</color> <color>#df513f</color> <color>#d11719</color> <color>#bd1316</color> <color>#9c0824</color>
</color-palette>

Vermelho-azul divergente

Um gradiente do vermelho ao azul

Atualizado.

<color-palette name="Classic Red-Blue" type="ordered-diverging">
<color>#26456e</color> <color>#1c5998</color> <color>#1c73b1</color> <color>#3a87b7</color> <color>#67add4</color> <color>#cacaca</color> <color>#fc8375</color> <color>#df513f</color> <color>#d11719</color> <color>#bd1316</color> <color>#9c0824</color>
</color-palette>

Vermelho-preto divergente

Um gradiente do vermelho ao preto

Atualizado.

<color-palette name="Classic Red-Black" type="ordered-diverging">
<color>#1e1e1e</color> <color>#383838</color> <color>#565656</color> <color>#777777</color> <color>#9b9b9b</color> <color>#cacaca</color> <color>#fc8375</color> <color>#df513f</color> <color>#d11719</color> <color>#bd1316</color> <color>#9c0824</color>
</color-palette>

Área vermelho-verde divergente

Um gradiente do vermelho ao verde.

Descontinuada.

<color-palette name="Classic Area Red-Green" type="ordered-diverging">
<color>#4a8c1c</color> <color>#559633</color> <color>#5ea049</color> <color>#69aa56</color> <color>#75b65d</color> <color>#82c162</color> <color>#90cb68</color> <color>#a0d571</color> <color>#b1de7f</color> <color>#c7e298</color> <color>#e9dabe</color> <color>#fca294</color> <color>#fe8e7e</color> <color>#fd7e6b</color> <color>#f7705b</color> <color>#ef654d</color> <color>#e6583e</color> <color>#dc4930</color> <color>#d23a21</color> <color>#c82912</color> <color>#bd1100</color>
</color-palette>

Laranja-azul divergente

Um gradiente de laranja para azul

Atualizado.

<color-palette name="Classic Orange-Blue" type="ordered-diverging">
<color>#26456e</color> <color>#1c5998</color> <color>#1c73b1</color> <color>#3a87b7</color> <color>#67add4</color> <color>#7bc8e2</color> <color>#cacaca</color> <color>#fdab67</color> <color>#fd8938</color> <color>#f06511</color> <color>#d74401</color> <color>#a33202</color> <color>#7b3014</color>
</color-palette>

Verde-azul divergente

Um gradiente de verde para azul

Atualizado.

<color-palette name="Classic Green-Blue" type="ordered-diverging">
<color>#26456e</color> <color>#1c5998</color> <color>#1c73b1</color> <color>#3a87b7</color> <color>#67add4</color> <color>#cacaca</color> <color>#a2c18f</color> <color>#69a761</color> <color>#2f8e41</color> <color>#1e7735</color> <color>#09622a</color>
</color-palette>

Vermelho-branco-verde divergente

Um gradiente do vermelho para o branco e para o verde

Atualizado.

<color-palette name="Classic Red-White-Green" type="ordered-diverging">
<color>#09622a</color> <color>#297839</color> <color>#428f49</color> <color>#74af72</color> <color>#b9d7b7</color> <color>#ffffff</color> <color>#fcb4a5</color> <color>#e86753</color> <color>#cc312b</color> <color>#b41f27</color> <color>#9c0824</color>
</color-palette>

Vermelho-branco-preto divergente

Um gradiente do vermelho para o branco e o preto

Atualizado.

<color-palette name="Classic Red-White-Black" type="ordered-diverging">
<color>#1e1e1e</color> <color>#393939</color> <color>#575757</color> <color>#838383</color> <color>#bfbfbf</color> <color>#ffffff</color> <color>#fcb4a5</color> <color>#e86753</color> <color>#cc312b</color> <color>#b41f27</color> <color>#9c0824</color>
</color-palette>

Laranja-branco-azul divergente

Um gradiente de laranja para branco e azul

Atualizado.

<color-palette name="Classic Orange-White-Blue" type="ordered-diverging">
<color>#26456e</color> <color>#2e5f8a</color> <color>#3679a8</color> <color>#6a9ec5</color> <color>#b7cde2</color> <color>#ffffff</color> <color>#ffc2a1</color> <color>#fb8547</color> <color>#d85a13</color> <color>#a84415</color> <color>#7b3014</color>
</color-palette>

Vermelho-branco-preto claro

Um gradiente pálido do vermelho ao branco e ao preto

Descontinuada.

<color-palette name="Classic Red-White-Black Light" type="ordered-diverging">
<color>#c6c6c6</color> <color>#d1d1d1</color> <color>#dddddd</color> <color>#e8e8e8</color> <color>#f3f3f3</color> <color>#ffffff</color> <color>#fff0f0</color> <color>#ffe0e1</color> <color>#ffd1d3</color> <color>#ffc2c5</color>
</color-palette>

Laranja-branco-azul claro divergente

Um gradiente claro de laranja para branco e azul

Descontinuada.

<color-palette name="Classic Orange-White-Blue Light" type="ordered-diverging">
<color>#c4d8f3</color> <color>#d0e0f6</color> <color>#dce8f8</color> <color>#e8effa</color> <color>#f3f7fd</color> <color>#ffffff</color> <color>#fff5eb</color> <color>#ffead8</color> <color>#ffe0c5</color> <color>#ffd6b1</color> <color>#ffcc9e</color>
</color-palette>

Vermelho-branco-verde claro divergente

Um gradiente pálido do vermelho ao branco e ao verde

Descontinuada.

<color-palette name="Classic Red-White-Green Light" type="ordered-diverging">
<color>#b7e6a7</color> <color>#c6ebb8</color> <color>#d5f0ca</color> <color>#e3f5db</color> <color>#f1faed</color> <color>#ffffff</color> <color>#fff0f0</color> <color>#ffe0e1</color> <color>#ffd1d3</color> <color>#ffc2c5</color> <color>#ffb2b6</color>
</color-palette>

Vermelho-verde claro divergente

Um gradiente pálido do vermelho ao verde

Descontinuada.

<color-palette name="Classic Red-Green Light" type="ordered-diverging">
<color>#b7e6a7</color> <color>#c1e6b4</color> <color>#cae6c0</color> <color>#d4e6cc</color> <color>#dde6d9</color> <color>#e5e5e5</color> <color>#ecdbdc</color> <color>#f2d1d2</color> <color>#f8c7c9</color> <color>#fcbdc0</color> <color>#ffb2b6</color>
</color-palette>
Agradecemos seu feedback!Seu feedback foi enviado. Obrigado!