No tokens yet
Generate tokens to preview the primary color scale
Chroma
Colour Alchemy
BETA
Harmony mode
(Choose tint color relationship)
Monochromatic
Unified, pure tonal variation. All neutrals share identical temperature.
Complementary
Maximum contrast, opposing warmth. Creates dramatic cool vs warm neutrals.
Analogous
Harmonious, gentle variation. Subtle temperature shift within same color family.
Triadic
Balanced but vibrant, evenly spaced. Moderate contrast with balanced temperature.
Tint amount
(Low, Mid, or High)
Palettes
Neutral
No tokens yet
Generate tokens to preview the neutral color scale
Primary
Semantic Mapping
Override the default semantic token mappings from the palettes above.
No semantic mappings
Generate tokens first, then customize semantic color assignments
Semantic tokens preview
Generate tokens to preview semantic surfaces and text.
Semantic tokens WCAG validation
0
Generate tokens to validate semantic color combinations.
Rows are semantic surfaces, columns are semantic text/outline tokens. Green = passes normal text threshold, Blue = passes large text only, Red = fails.
Token output
0