Free color & design token tools
Focused single-purpose tools powered by the same engines behind the design system generator. Everything runs locally in your browser.
Color palette generator
Six palette strategies from one color.
Shade & tint scale generator
Perceptual 50–950 scales in OKLCH.
WCAG contrast checker
WCAG 2.x ratios with one-click fixes.
HEX to RGB converter
Instant HEX → rgb() conversion.
RGB to HEX converter
Instant rgb() → #hex conversion.
HEX to HSL converter
HEX → hsl() with OKLCH readout.
Tailwind color generator
Tailwind v4 @theme output from one color.
shadcn/ui theme generator
Current-convention shadcn themes.
Dark mode generator
Semantic dark themes, not inversions.
Design token generator
DTCG-style JSON + CSS tokens.