Neutral colors apply to most backgrounds, text, and shapes in our experiences. They don’t typically have a meaning associated with them, though they can imply things like disabled states.

Alpha colors have varying levels of transparency or opacity. Transparency helps UI adapt to different background colors and elevations.

Color roles describe the intention behind the color. For example, color roles are applied to buttons to differentiate between primary, secondary, warning, or dangerous actions.

We currently support three color themes: light, dark and dim.

Each color design token maps to a different value for each theme so their appearance differs depending on which theme is being used.

Color can affect our perception of information, the appropriate use of color is critical in making a data visualization.