Chart Colors

Using the Spark 4.0 color palette as a base, Spark Data defines the colors to be used in charts and visualizations. Spark Data colors are purposeful and should be utilized in a specific order, all of which meet accessibility standards.

Categorical Data Colors

We use categorical colors for most chart types. Each color, in the specified order, is used to represent a distinct category of data.

charts / categorical_data / category6
#ffb5a3
#cc3715
default
We use this color to identify a specific category in charts.
#ffdad1
#9d331c
shading
charts / categorical_data / category4
#89387b
#e55ecd
default
We use this color to identify a specific category in charts.
#c49cbd
#af4f9f
shading
charts / categorical_data / category5
#ff5c77
#ff5c77
default
We use this color to identify a specific category in charts.
#ffadbb
#c14e62
shading
charts / categorical_data / subtle
#cad1e1
#848891
default
We use this color to identify a specific category in charts.
charts / categorical_data / category7
#ffc650
#ffc650
default
We use this color to identify a specific category in charts.
#ffe2a8
#c19946
shading
charts / categorical_data / category8
#c6dd98
#a0c654
default
We use this color to identify a specific category in charts.
#e2eecb
#7e9949
shading
charts / categorical_data / category9
#54c6ab
#54c6ab
default
We use this color to identify a specific category in charts.
#aae2d5
#489987
shading
charts / categorical_data / category10
#263b73
#3d538f
default
We use this color to identify a specific category in charts.
#939db9
#384773
shading
charts / categorical_data / category1
#056385
#53bee5
default
We use this color to identify a specific category in charts.
#82b1c2
#4793b0
shading
charts / categorical_data / category2
#5798d9
#467aae
default
We use this color to identify a specific category in charts.
#abcbec
#3e6389
shading
charts / categorical_data / category3
#ac75ff
#ac75ff
default
We use this color to identify a specific category in charts.
#d5baff
#865fc2
shading

Numerical Data Colors

We use numerical colors on charts like heatmap to show a scale with the lightness to darkness of color. We also support colors for a categorical heatmap.

charts / numerical_data / single_color
#cdeaf5
#e6f4fa
level1
#9fd6ea
#cdeaf5
level2
#81cbe5
#9fd6ea
level3
#53bee5
#81cbe5
level4
#28afe0
#53bee5
level5
#1589b2
#28afe0
level6
#056385
#1589b2
level7
#04445c
#056385
level8
#002533
#04445c
level9
#052a38
#003447
level10
charts / numerical_data / multi_color
#81cbe5
#53bee5
green
#ff9dad
#ff7d92
red
#ffdd96
#ffd173
yellow