Color Palettes for Data Visualization

Overview
Sequential Palette
Multi-hue Sequential Palettes
Divergent Palette
Qualitative Palettes
- Categorical
- Categorical Pairings

Overview

There are four types of color palettes defined for data visualization: Sequential, Multi-hue Sequential, Divergent, and Qualitative. It’s important to note that color within Data Visualization should be used in a manner that is consistent with the Spark Color Palette.

Sequential Palette

These palettes are best suited for displaying different categories within a data set.
A Sequential palette is also well-suited for displaying values that indicate a progression from low (lightest color) to high (darkest color).
Out of the three sequential palettes below, it’s important to note that the Teal palette is the Spark default and should be used before the Purple and Blue palettes.

Teal Sequential Color Palette

Color hex value #007B94

The Teal Sequential Color Palette is the default Sequential Palette

Teal Sequential 3-Color Palette Hex Values

#69c3db
#198ba5
#005b6e

Teal Sequential 4-Color Palette Hex Values

#77cde4
#3aa1bc
#04768e
#005265

Teal Sequential 5-Color Palette Hex Values

#83d4ea
#51b2cb
#198ba5
#00697e
#004c5d

Teal Sequential 6-Color Palette Hex Values

#97ddf0
#66c1d9
#339db7
#077a92
#005c70
#004353

Teal Sequential 7-Color Palette Hex Values

#9ee0f2
#71c9e1
#47abc5
#198ba5
#016e85
#005668
#004050

Teal Sequential 8-Color Palette Hex Values

#ade5f5
#80d2e8
#5ab9d2
#309ab5
#0a7e97
#00657a
#004f61
#003c4b

Teal Sequential 9-Color Palette Hex Values

#bceaf8
#8ed9ee
#69c3db
#42a7c1
#198ba5
#027188
#005b6e
#004757
#003543

Purple Sequential Color Palette

Color hex value #8256D8

Purple Sequential 3-Color Palette Hex Values

#beaeee
#916ede
#6336b1

Purple Sequential 4-Color Palette Hex Values

#c7b9f0
#a48ae6
#7d51d1
#5a30a4

Purple Sequential 5-Color Palette Hex Values

#cdc1f2
#b19cea
#916ede
#7142c4
#532c99

Purple Sequential 6-Color Palette Hex Values

#d7cdf4
#bdaced
#a185e5
#8157d4
#6537b4
#4a2689

Purple Sequential 7-Color Palette Hex Values

#dad1f5
#c3b5ef
#ab94e8
#916ede
#7648ca
#5e32a9
#472483

Purple Sequential 8-Color Palette Hex Values

#dfd8f7
#ccbff1
#b6a3eb
#9f82e4
#855cd7
#6d3fc0
#572e9e
#42227c

Purple Sequential 9-Color Palette Hex Values

#e5dff8
#d3c8f3
#beaeee
#a991e7
#916ede
#794ccd
#6336b1
#4e288f
#3b1d6f

Blue Sequential Color Palette

Color hex value #1d6edb

Blue Sequential 3-Color Palette Hex Values

#7ebbff
#2b82ec
#024faa

Blue Sequential 4-Color Palette Hex Values

#90c5ff
#469bfc
#176ad3
#00479c

Blue Sequential 5-Color Palette Hex Values

#9eccff
#60abff
#2b82ec
#0b5cc0
#004291

Blue Sequential 6-Color Palette Hex Values

#b1d6ff
#7bb9ff
#4097fa
#1b6ed8
#0350ac
#003a81

Blue Sequential 7-Color Palette Hex Values

#b7d9ff
#89c1ff
#54a5fe
#2b82ec
#1061c8
#014aa1
#00387c

Blue Sequential 8-Color Palette Hex Values

#c0deff
#97c9ff
#67afff
#3a92f7
#1d71db
#0657b8
#004393
#003373

Blue Sequential 9-Color Palette Hex Values

#cee5ff
#a9d2ff
#7ebbff
#4fa1fe
#2b82ec
#1264cc
#024faa
#003d88
#002e69

Multi-hue Sequential Palettes

These palettes may be used to display information when the low-to-high progression of single-hue sequential palettes results in a less optimal representation of the data.

Viridis Multi-hue Sequential Color Palette

Viridis Multi-hue Sequential 3-Color Palette Hex Values

#4c0057
#478f8c
#fce640

Viridis Multi-hue Sequential 4-Color Palette Hex Values

#4c0057
#40648f
#60b671
#fce640

Viridis Multi-hue Sequential 5-Color Palette Hex Values

#4c0057
#414e8c
#478f8c
#7bc851
#fce640

Viridis Multi-hue Sequential 6-Color Palette Hex Values

#4c0057
#434087
#41768f
#52a780
#90d135
#fce640

Viridis Multi-hue Sequential 7-Color Palette Hex Values

#4c0057
#443582
#40648f
#478f8c
#60b671
#a0d625
#fce640

Viridis Multi-hue Sequential 8-Color Palette Hex Values

#4c0057
#452d7d
#41568d
#427b8f
#4d9e86
#6dc062
#a9d91f
#fce640

Viridis Multi-hue Sequential 9-Color Palette Hex Values

#4c0057
#46297a
#414e8c
#416f8f
#478f8c
#57ad7b
#7bc851
#b6dc1a
#fce640

Viridis Multi-hue Sequential 10-Color Palette Hex Values

#4c0057
#462477
#424589
#40638f
#43808f
#4c9b87
#5fb573
#83cc46
#b9dc19
#fce640

Viridis Multi-hue Sequential 11-Color Palette Hex Values

#4c0057
#472174
#434087
#405c8e
#41768f
#478f8c
#52a780
#6abe66
#90d135
#c3de1a
#fce640

Inferno Multi-hue Sequential Color Palette

Inferno Multi-hue Sequential 3-Color Palette Hex Values

#000004
#ac3d50
#fcfea3

Inferno Multi-hue Sequential 4-Color Palette Hex Values

#000004
#6e1a6c
#da701a
#fcfea3

Inferno Multi-hue Sequential 5-Color Palette Hex Values

#000004
#500f6c
#ac3d50
#e89306
#fcfea3

Inferno Multi-hue Sequential 6-Color Palette Hex Values

#000004
#3e0c66
#882765
#ca5830
#eda903
#fcfea3

Inferno Multi-hue Sequential 7-Color Palette Hex Values

#000004
#330b5e
#6e1a6c
#ac3d50
#da701a
#efb808
#fcfea3

Inferno Multi-hue Sequential 8-Color Palette Hex Values

#000004
#2b0b55
#5b126d
#8f2b62
#bf4c3d
#e2810e
#f0c00e
#fcfea3

Inferno Multi-hue Sequential 9-Color Palette Hex Values

#000004
#260a4f
#500f6c
#7e2269
#ac3d50
#d16127
#e89306
#f2cb1b
#fcfea3

Inferno Multi-hue Sequential 10-Color Palette Hex Values

#000004
#210a48
#450d69
#6d1a6c
#972f5e
#bc4a40
#d96d1c
#ea9b04
#f2cd1f
#fcfea3

Inferno Multi-hue Sequential 11-Color Palette Hex Values

#000004
#1e0943
#3e0c66
#62156d
#882765
#ac3d50
#ca5830
#e17d11
#eda903
#f4d62f
#fcfea3

Divergent Palette

This palette should only be used for illustrating contrasting trends.
The light vs. dark colors may be used to call out the extremes (lowest/highest) within each trend. For example, illustrating that one grouping of markets is performing above sales goals, while another grouping is performing below.

Red Blue Divergent Color Palette

Red Blue Divergent 3-Color Palette Hex Values

#f77768
#f1eff2
#56a5fd

Red Blue Divergent 4-Color Palette Hex Values

#d53f37
#fda99d
#8fc4ff
#227ade

Red Blue Divergent 5-Color Palette Hex Values

#d53f37
#fda99d
#f1eff2
#8fc4ff
#227ade

Red Blue Divergent 6-Color Palette Hex Values

#c8332d
#f87f70
#feccc4
#add4ff
#52a3fd
#1063c3

Red Blue Divergent 7-Color Palette Hex Values

#c8332d
#f87f70
#feccc4
#eeeff4
#add4ff
#52a3fd
#1063c3

Red Blue Divergent 8-Color Palette Hex Values

#a61a18
#e55246
#fb9081
#fdcec6
#cce3fd
#7fbcff
#3e95f6
#0753ad

Red Blue Divergent 9-Color Palette Hex Values

#a61a18
#e55246
#fb9081
#fdcec6
#f3eef0
#cce3fd
#7fbcff
#3e95f6
#0753ad

Red Blue Divergent 10-Color Palette Hex Values

#690000
#ad1e1c
#e9594c
#fc9688
#fdd3cc
#c5e0fe
#78b8ff
#3890f3
#0c5dbb
#002e69

Red Blue Divergent 11-Color Palette Hex Values

#690000
#ad1e1c
#e9594c
#fc9688
#fdd3cc
#f1eff2
#c5e0fe
#78b8ff
#3890f3
#0c5dbb
#002e69

Purple Teal Divergent Color Palette

Purple Teal Divergent 3-Color Palette Hex Values

#ac95e8
#eaf0f7
#49abc5

Purple Teal Divergent 4-Color Palette Hex Values

#8965d3
#c7b8f0
#7ecbe0
#1d829a

Purple Teal Divergent 5-Color Palette Hex Values

#8965d3
#c7b8f0
#eaf0f7
#7ecbe0
#1d829a

Purple Teal Divergent 6-Color Palette Hex Values

#7f58cb
#b09be9
#dcd4f5
#9cd9eb
#45a9c2
#0e6d82

Purple Teal Divergent 7-Color Palette Hex Values

#7f58cb
#b09be9
#dcd4f5
#e7f1f7
#9cd9eb
#45a9c2
#0e6d82

Purple Teal Divergent 8-Color Palette Hex Values

#653bb1
#9778dd
#b8a6ec
#ddd5f5
#bee7f4
#6fc3da
#359bb4
#065e71

Purple Teal Divergent 9-Color Palette Hex Values

#653bb1
#9778dd
#b8a6ec
#ddd5f5
#ebeff7
#bee7f4
#6fc3da
#359bb4
#065e71

Purple Teal Divergent 10-Color Palette Hex Values

#3b1d6f
#6b40b7
#9b7ee0
#bcaaed
#e0d9f6
#b6e5f2
#67bfd6
#3096b0
#0b687c
#003543

Purple Teal Divergent 11-Color Palette Hex Values

#3b1d6f
#6b40b7
#9b7ee0
#bcaaed
#e0d9f6
#eaf0f7
#b6e5f2
#67bfd6
#3096b0
#0b687c
#003543

Red Yellow Blue Divergent Color Palette

Red Yellow Blue Divergent 3-Color Palette Hex Values

#f09037
#f6f1cb
#8bc1fe

Red Yellow Blue Divergent 4-Color Palette Hex Values

#dc5d2e
#f9bc50
#b1d6ff
#4f97ef

Red Yellow Blue Divergent 5-Color Palette Hex Values

#dc5d2e
#f9bc50
#f6f1cb
#b1d6ff
#4f97ef

Red Yellow Blue Divergent 6-Color Palette Hex Values

#d6502d
#f29739
#f9d870
#c1defd
#87bffe
#337ede

Red Yellow Blue Divergent 7-Color Palette Hex Values

#d6502d
#f29739
#f9d870
#f3f1d2
#c1defd
#87bffe
#337ede

Red Yellow Blue Divergent 8-Color Palette Hex Values

#c43225
#e26f30
#f7a641
#f9d972
#d4e6f5
#a8d1ff
#73b2fb
#216cce

Red Yellow Blue Divergent 9-Color Palette Hex Values

#c43225
#e26f30
#f7a641
#f9d972
#f7f1c4
#d4e6f5
#a8d1ff
#73b2fb
#216cce

Red Yellow Blue Divergent 10-Color Palette Hex Values

#8b0000
#c83828
#e47530
#f8ab44
#f9de7a
#cfe5f8
#a3cfff
#6caef9
#2c78d9
#003f8b

Red Yellow Blue Divergent 11-Color Palette Hex Values

#8b0000
#c83828
#e47530
#f8ab44
#f9de7a
#f6f1cb
#cfe5f8
#a3cfff
#6caef9
#2c78d9
#003f8b

Qualitative Palettes

The following Qualitative palette pairings may be used to display categorical information when the low-to-high progression of sequential palettes results in a less optimal representation of the data.
For optimal contrast, the Qualitative palettes should be used as sequenced below (left to right).

Categorical

Qualitative Categorical Palette Hex Values

1
#309ab5

2
#cc861e

3
#2ba160

4
#d13630

5
#8256d8

6
#744e45

7
#e369b9

8
#6d7178

9
#1d6edb

10
#607a1f

Categorical Pairings

Qualitative Categorical Palette Pair 1 Hex Values

1
#309ab5
#85d8ee

Qualitative Categorical Palette Pair 2 Hex Values

2
#cc861e
#efc85c

Qualitative Categorical Palette Pair 3 Hex Values

3
#2ba160
#68e398

Qualitative Categorical Palette Pair 4 Hex Values

4
#d13630
#fd9484

Qualitative Categorical Palette Pair 5 Hex Values

5
#8256d8
#b8a6ec

Qualitative Categorical Palette Pair 6 Hex Values

6
#744e45
#b99279

Qualitative Categorical Palette Pair 7 Hex Values

7
#e369b9
#ffb6e2

Qualitative Categorical Palette Pair 8 Hex Values

8
#6d7178
#adb1b8

Qualitative Categorical Palette Pair 9 Hex Values

9
#1d6edb
#72b5ff

Qualitative Categorical Palette Pair 10 Hex Values

10
#607a1f
#9dbb60