Palette Experiment

Tune every accent token, preview the changes in light or dark mode, and save up to ten custom palettes for rapid iteration—this is now our interactive theme lab.

Dark mode preview

Active palette

System default

Saved themes: 0/10

Save as custom theme

Saved themes

No custom themes yet. Create one above to see it here.

Accent scale

Adjust tonal steps used across surfaces, borders, and actions.

accent-50

accent-100

accent-200

accent-300

accent-400

accent-500

accent-600

accent-700

accent-800

accent-900

Semantic mappings

Override the semantic slots that reference the scale.

accent-base

accent-hover

accent-active

accent-tint

accent-soft

accent-border