Scales
Gray
Orange
Red
Purple
Blue
Green
Transparent
Data series palette
Use these dedicated data series tokens to keep charts visually consistent across products.
Area series palette
Pair these tokens with filled visualizations such as gauge segments or stacked areas to preserve legibility against chart backgrounds.
Temperature diverging scale
Use this qualitative gradient to encode temperature, especially when data moves between two extremes. Right click the swatch to copy either the CSS gradient or the underlying design token.
Stops
Qualitative diverging scale
Use this sentiment-driven gradient to encode metrics that move from undesirable states (0) toward positive outcomes (1). Right click the swatch to copy either the CSS gradient or the underlying design token.
Stops