Criar paletas de cores personalizadas

O Tableau Desktop vem com paletas de cores cuidadosamente projetadas para serem usadas simultaneamente e aplicarem cores com eficiência aos dados em muitas situações, como mapas, mapas de calor, gráficos de barras etc. Como alternativa, crie sua própria paleta de cor personalizada ao modificar o arquivo Preferences.tps que vem com o Tableau Desktop. Por exemplo, é possível criar uma paleta categorizada personalizada que corresponda à marca da sua empresa.

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 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 Selecione a paleta de cor (no diálogo Editar cor). Você pode usar uma paleta personalizada como usaria qualquer outra.

O Tableau não testa paletas de cores personalizadas nem oferece suporte a elas. Por isso, faça backup das pastas de trabalho antes de continuar. Além disso, não há garantia de que as paletas de cores personalizadas criadas pelo usuário funcionem com atualizações futuras do Tableau Desktop.

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!