Skip to main content

Colors

Foundations

Each swatch is theme-reactive: it fills from var(--token), so switching the toolbar theme recolors the entire page.

Open in StorybookSource

Examples

4 live examples

Focus ring vs. status (supplementary)

Primary (brand accent)

Ordered neutral ramp — judgeable hierarchy