Create Custom Colour Palettes

Tableau Desktop comes installed with many predesigned colour palettes that are effective for visualising data. You also have the option to create and use your own custom colour palettes, which can be useful for branding purposes. In Tableau version 2025.3 or later, you can create a custom colour palette directly in the flow of your work in Tableau Desktop. In earlier versions of Tableau Desktop, you can create a custom colour palette by modifying the preferences.tps file that comes installed with your version of Tableau.

Tableau offers three types of colour palettes:

Categorical: For discrete fields without inherent order (for example, product names and categories), assigning a unique colour to each item.

Diverging: For continuous fields, uses two contrasting colours that radiate from a neutral midpoint (for example, white or light grey) to display quantitative data with positive and negative values, or deviations from a baseline. Colour intensity signifies magnitude.

Sequential: For continuous fields, uses a single colour with varying intensity to represent a range of quantitative values, ideal for data with a natural progression (for example, low to high, all positive or all negative).

Create a custom colour palette directly in a Tableau workbook (Tableau version 2025.3 and later)

In Tableau Desktop, custom colour palettes can be created in a couple of ways. The most frequently used methods are through the Colour encoding box on the Marks card or through the Format workbook menu, accessed through the toolbar.

Access custom colour palettes through Colour on the Marks card

On a Tableau worksheet, drag and drop a field onto Colour on the Marks card.

Select Colour on the Marks card.

Select Edit Colours...
Edit Colours option from the Marks card.

In the Edit Colours dialog, expand the colour palette dropdown, scroll to the bottom and select Create Custom Palette.

Create a categorical custom colour palette

A categorical colour palette offers several distinct colours that can be assigned to discrete dimensions. For instance, when a discrete dimension such as Region is placed on the Colour card, Tableau applies a categorical colour legend.
Create custom palette dialog for a categorical colour palette.

  1. Name the custom colour palette.

  2. Choose if you want to create a palette based on a preloaded palette or none.

  3. Select Paste Swatches to enter multiple hex codes or RGB values or select Add Swatch to add colours individually.

From the Add Swatch dialog, you can:

  • Select colours from the Dark or Light Palettes

  • Enter a hex code

  • Select the plus sign to add colours from the system’s colour picker

    Add a colour dialog that opens when you select add swatch.

From the colour picker dialog, you can:

  • Enter a hex code

  • Enter Red/Green/Blue (RBG) and Hue/Saturation/Value (HSV) values

  • Select a colour from the colour picker spectrum

  1. Select OK.

  2. Continue adding swatches until you have built your custom colour palette and save your work.

When you navigate to the colour encoding box on the Marks card, you can assign colours from your custom colour palette to fields on your visualisation.

Create a sequential custom colour palette

A sequential palette shows a single colour, varying in intensity. You must specify at least the two end colours in the sequential colour range. Tableau extrapolates the shades in between.

Create custom palette dialog for a sequential palette.

  1. Name the custom colour palette.

  2. Choose if you want to create a palette based on a preloaded palette or none.

  3. Enter a hex code (without the # sign) in the hex code field, select an empty swatch to use the colour picker, or select Paste Swatches to enter multiple hex codes or RGB values.

Create a diverging custom colour palette

A diverging palette combines two sequential palettes, sharing a central colour but varying at their extremes. This palette type employs colour intensity (lightness or darkness) to indicate numerical magnitude, while the specific hue (such as orange or blue) denotes the value’s range. Diverging palettes are frequently used to illustrate differences between positive and negative values.

Create custom palette dialog for a diverging colour palette.

  1. Name the custom colour palette.

  2. Choose if you want to create a custom palette based on a preloaded palette or none.

  3. Enter a hex code (without the # sign) in the hex code field, select an empty swatch to use the colour picker, or select Paste Swatches to enter multiple hex codes or RGB values.

Paste swatches

Paste in several hex codes or RGB values, separated by commas, to add several swatches at a time.

Access custom colour palettes through the format menu

  1. On the Format menu, select Workbook.

  2. The Format Workbook pane replaces the Data pane on the left and provides a series of dropdown lists where you can change the fonts, line style and colour palettes in a workbook.

  3. Scroll to Colour Palettes and expand the menu next to the colour palette type you’d like to add: Categorical, Diverging or Sequential.

  4. Scroll through all the available colour palettes to the bottom and select Create Custom Palette.

Delete or modify a custom colour palette

  1. On a Tableau worksheet, select Colour on the Marks card.

  2. Select Edit Colours...

  3. In the Edit Colours dialog, expand the colour palette dropdown and select the palette you’d like to delete or modify.

  4. For a categorical palette, select the pencil icon to modify the palette, or select the trash can icon to delete the palette.
    For a diverging or sequential palette, expand the menu to the right of the selected palette and then select Edit Custom Palette or Delete Palette.

    Edit colours dialog magnified to show edit and delete functions for a categorical colour palette.

    Edit Colours dialog for a qualitative palette with options to modify or delete a custom palette.

Caution: You can’t restore a deleted custom colour palette. They are stored in the preferences file for Tableau. If you delete a custom colour palette within Tableau Desktop, it is also deleted from the preferences file.

  1. In the Edit Custom Palette dialog, you can change a colour by selecting a swatch. To remove a colour from the palette, select the X that appears when hovering over it.

    Ability to delete a swatch from a custom colour palette.

Create a custom colour palette by modifying the preferences file (Tableau Desktop 2025.2 and earlier)

In Tableau Desktop 2025.2 and earlier versions, you can create and use your own custom colour palettes by modifying the Preferences.tps file that comes with Tableau.

When you modify Preferences.tps to add colours, use the standard HTML format for the new colours (hex code #RRGGBB or Red Green Blue format). When you save the workbook and restart Tableau Desktop, the colour palette names you added to Preferences.tps appear in the Select Colour Palette drop down list (Edit Colour dialog). You can use a custom palette like you would any other.

About the preferences file

You can add as many custom palettes as you like to your Preferences.tps file, each with as many colours as you want. Although there isn’t a limit to how many colours can be added to each custom palette, the Edit colours dialog box only shows 20 colours. If you need to manually assign more than 20 colours to data items, you may want to create several custom palettes with 20 or fewer colours in each palette.

When you modify Preferences.tps to add colours, use the standard HTML format for the new colours (hex code #RRGGBB or Red Green Blue format). When you save the workbook and restart Tableau Desktop, the colour palette names you added to Preferences.tps appear in the Select Colour Palette drop-down list (Edit Colour dialog). You can use a custom palette like you would any other.

Note: When you edit your Preferences.tps file, be sure to use straight quotation marks (' ' or " ") to delimit the palette name and type, not curly quotation marks (“ ” or ‘ ’).

Edit the preferences file

The Preferences.tps file is located in the My Tableau Repository folder that is created when you install Tableau Desktop, likely located in Documents. The preferences file is a basic XML file that you can open in a text editor to modify. An unedited preferences file looks like this:

Preferences menu in Notepad with basic navigation options.

To edit your preferences file:

  1. Go to the My Tableau Repository folder in your Documents directory, and open the Preferences.tps file with a text editor.
  2. Between the opening and closing workbook tags, insert opening and closing preferences tags so that it looks like this:
    <?xml version='1.0'?>
    <workbook>
    <preferences>
    </preferences>
    </workbook>

    Note: If your Preferences.tps file already has preferences tags, you don't need to add them again.

  1. Follow one of the next procedures to create a custom colour palette by inserting color-palette tags between the preferences tags. For example:
    <?xml version='1.0'?>	
    <workbook>
    <preferences>
    <color-palette name="MyColors" type="regular">
    <color>#1e4c56</color>
    <color>#cba94b</color>
    </color-palette>
    </preferences>
    </workbook>

    Colour palettes can be categorical (type="regular"), sequential (type="ordered-sequential") or diverging (type="ordered-diverging").

  2. To add more palettes, insert another set of color-palette tags.
    <?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. You must restart Tableau Desktop to see the new colour palettes.

Create a categorical palette

A categorical colour palette contains several distinct colours that can be assigned to discrete dimension members. For example, when you put a discrete dimension such as Region on the Colour card, the categorical colour legend is used.

The legend with four colour-coded regions.

In the preferences file, a categorical palette is type="regular".

Build a custom categorical colour palette

The following is an example of what to add between the preferences tags to add a categorical colour palette. Note that the type attribute is specified as regular, which identifies this palette as a categorical palette.

To create a custom categorical colour palette:

  1. In the Preferences.tps file, between the ‘preferences’ tags, paste the following. Be sure to use straight quotation marks, not curly quotation marks, to delimit the name and type of palette.
    <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. Save the Preferences.tps file and then restart Tableau Desktop.
  3. Open a data source, such as the Superstore - Sample data source.
  4. From the Data pane, drag a discrete dimension, such as Region, to Colour.
  5. Click the colour legend menu arrow and select Edit Colours.

    Context menu with options to edit colours, format legends, show and edit titles, highlight selected items, sort and hide a card.

  6. In the Edit Colours dialog box, from the palette drop-down list, select your new custom palette.

    Edit colours dialog with options for selecting data items and assigning colour palettes.

  7. Click the Assign Palette button to assign the custom colours to each respective field.
  8. Click OK.

    The Edit Colours dialog box for regional data with options to assign and reset palettes.

Create a sequential palette

Another type of palette is the sequential colour palette. This type of colour palette is used for continuous fields, typically for measures. Typically, a sequential palette shows a single colour, varying in intensity.

You must specify at least the two end colours in the sequential colour range. Tableau will extrapolate the shades in between.

A dialog to choose a colour palette for sales data.

Build a custom sequential colour palette

The following is an example of what to add between the preferences tags to add a sequential colour palette. Note that the type attribute is specified as ordered-sequential, which identifies this palette as a sequential palette.

To create a custom sequential colour palette:

  1. In the Preferences.tps file, between the preferences tags, paste the following. Be sure to use straight quotation marks, not curly quotation marks, to delimit the name and type of palette.
    <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. Save the Preferences.tps file and then restart Tableau Desktop.
  3. Open a data source, such as the Superstore- Sample data source.
  4. From the Data pane, drag a measure (such as Sales) to Colour.
  5. Click the colour legend menu arrow, and select Edit Colours.
  6. In the Edit Colours dialog box, from the palette drop-down list, select your custom palette.
  7. If you want each colour gradation to be defined within a box, select the Stepped Colour check box, and in the Steps text box, type the number of colour steps you want to display in the bar.
  8. Click the Advanced button.
  9. Select the Start check box, and in the text box, type the low end number you want for the continuum.
  10. Click the Apply button to see the result, and make adjustments as needed. The colour will range from high to low intensity (or the reverse) based on the order you specify in the Preferences.tps file. The default for sequential colour palettes in Tableau is to make the high end of the continuum intense and the low end pale, though selecting the Reversed check box will do the opposite.

    A colour-editing dialog box, complete with a colour palette, slider and range control settings and the text editor with the custom palette settings.

Create a diverging colour palette

The third type of colour palette is a diverging colour palette. Instead of a gradient from one extreme to the other, a diverging palette is like two sequential palettes that share a colour in the middle but have different extremes. This type of palette shows two ranges of values using colour intensity (how dark or light) to show the magnitude of the number, and the actual colour (orange or blue) to show which range the number is from. Diverging palettes are most commonly used to show the difference between positive and negative numbers.

A colour gradient scale indicates a total profit of $523,589

Build a custom diverging colour palette

The following is an example of what to add between the preferences tags to add a diverging colour palette. Note that the type attribute is specified as ordered-diverging, which identifies this palette as a diverging palette.

To create a custom diverging colour palette:

  1. In the Preferences.tps file, between the preferences tags, paste the following. Be sure to use straight quotation marks, not curly quotation marks, to delimit the name and type of palette.
    <color-palette name="My Diverging Palette" type="ordered-diverging">
    <color>#eb912b</color>
    <color>#59879b</color>
    </color-palette>
  2. Save the Preferences.tps file and then restart Tableau Desktop.
  3. Open a data source, such as the Superstore - Sample data source.
  4. Click the Assign Palette button. The colours in the palette are used in the order they appear in the Preferences file.

The edit colours dialog showing a diverging colour palette with specific monetary ranges and the text editor with the custom palette settings.

Use discontinued (classic) colour palettes

In version 10.0, Tableau created new colour palettes, updated some existing ones (such as Tableau 10 and Tableau 20), and discontinued others. If you want to keep using a colour palette that was discontinued, you can edit your Preferences.tps file to add the hex values for the palette. You can add as many colour palettes as you like.

Hex values for discontinued colour palettes

The table below lists discontinued colour palettes, along with the XML code and hex values you can use in your Preferences.tps file to restore them. If you use the code as-is, palette names will start with Classic to indicate that they're from before version 10.0. In many cases, there are updated versions of colour palettes that have been discontinued.

Version 9.x palette nameVersion 9.x HEX Values

Tableau 10

Now called Tableau Classic 10.

A colour palette of 10 colours.

<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

Now called Tableau Classic Medium.

A colour palette of 10 colours.

<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 Light

A colour palette of ten pastel colours.

<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

Now called Tableau Classic 20.

A colour palette of twenty colours.

<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>

Grey 5

A colour palette of shades of grey

Replaced with 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>

Colour Blind 10

A colour-blind-accessible colour palette

Updated as Colour 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>

Traffic Light

Traffic light Tableau colour palette.

Updated asTraffic Light.

<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>

Purple-Grey 6

A colour palette of 6 shades of purple, pink and grey

Discontinued.

<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>

Purple-Grey 12

A colour palette of 12 shades of purple, pink and grey

Updated as Purple-Pink-Grey.

<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>

Green-Orange 6

A colour palette of 6 shades of green, orange and yellow

Discontinued.

<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>

Green-Orange 12

A colour palette of 12 shades of green, orange and yellow

Updated as Green-Orange-Teal.

<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>

Blue-Red 6

A colour palette of 5 shades of blue, red and brown

Discontinued.

<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>

Blue-Red 12

A colour palette of 12 shades of red, brown and blue.

Updated as Blue-Red-Brown.

<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>

Cyclic

A gradient colour palette

Updated as Hue Circle.

<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>

Green

A green gradient

Updated.

<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>

Grey

A grey gradient

Updated.

<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>

Blue

A blue gradient

Updated.

<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>

Red

A red gradient

Updated.

<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>

Orange

An orange gradient

Updated.

<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>

Area Red

A red gradient

Discontinued.

<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>

Area Green

A green gradient

Discontinued.

<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>

Area Brown

A warm brown gradient

Discontinued.

<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>

Red-Green Diverging

A gradient from red to green.

Updated.

<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>

Red-Blue Diverging

A gradient from red to blue

Updated.

<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>

Red-Black Diverging

A gradient from red to black

Updated.

<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>

Area Red-Green Diverging

A gradient from red to green.

Discontinued.

<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>

Orange-Blue Diverging

A gradient from orange to blue

Updated.

<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>

Green-Blue Diverging

A gradient from green to blue

Updated.

<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>

Red-White-Green Diverging

A gradient from red to white to green

Updated.

<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>

Red-White-Black Diverging

A gradient from red to white to black

Updated.

<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>

Orange-White-Blue Diverging

A gradient from orange to white to blue

Updated.

<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>

Red-White-Black Light

A pale gradient from red to white to black

Discontinued.

<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>

Orange-White-Blue Light Diverging

A pale gradient from orange to white to blue

Discontinued.

<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>

Red-White-Green Light Diverging

A pale gradient from red to white to green

Discontinued.

<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>

Red-Green Light Diverging

A pale gradient from red to green

Discontinued.

<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>
Thanks for your feedback!Your feedback has been successfully submitted. Thank you!