No tokens yet
Generate tokens to preview the primary color scale
Chroma is a colour alchemist. It transmutes a single colour in a full set of tokens including primary and neutral colour palettes and semantic token sets for light and dark mode. Currently in BETA
Colour Alchemy
Unified, pure tonal variation. All neutrals share identical temperature.
Maximum contrast, opposing warmth. Creates dramatic cool vs warm neutrals.
Harmonious, gentle variation. Subtle temperature shift within same color family.
Balanced but vibrant, evenly spaced. Moderate contrast with balanced temperature.
Generate tokens to preview the neutral color scale
Generate tokens to preview the primary color scale
Override the default semantic token mappings from the palettes above.
Generate tokens first, then customize semantic color assignments
Generate tokens to evaluate combinations.
Rows are backgrounds, columns are foregrounds. Green = passes normal text threshold, Blue = passes large text only, Red = fails.
Generate tokens to evaluate combinations.
Rows are primary backgrounds, columns are neutral + white foregrounds. Green = passes normal text threshold, Blue = passes large text only, Red = fails.
Generate tokens to preview semantic surfaces and text.
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.