Foundations

Colors

Color in a design system is the visual language of the interface. Through color, the interface communicates meaning, state, priority, and accessibility of elements to the user.

Primitives

Raw color values — the palette foundation

Semantic

Role-based tokens. Light and dark theme values

Usage

Rules for applying color — when to use semantics