Color Palettes for Data Visualization
Color should be used in a manner that is consistent with the Spark Color Palette.
There are four types of color palettes defined for data visualization: Sequential, Divergent, Qualitative, and Status.
Sequential Palette
- This is the default palette. It should be used in most instances and is best suited for displaying different categories within a data set.
- The Sequential palette is also well-suited for displaying values that indicate a progression from low (lightest color) to high (darkest color).

- #C4ECFF
- #A2D8F2
- #79CAF2
- #3399CC
- #206080
- #13394D
- #0A1C26
Divergent Palette
- This palette should only be used for illustrating contrasting trends.
- The low vs. high 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.

- #E67E29
- #FFC694
- #EEEEEE
- #A1E6E6
- #49B3B3
Qualitative Palettes
The Qualitative palettes may be used to display categorical information when the low-to-high progression of the Sequential palette results in a less optimal representation of the data.

- #79CAF2
- #3399CC
- #FFA75E
- #E67E29
- #13453B
OR

- #B0EA3B
- #7EBD00
- #804F92
- #53335E
- #49B3B3
Status Palette
When displaying data sets with explicit positive, negative, and/or neutral trends, the messaging colors should be applied.

- #AC0000
- #75A01F