Free color & design token tools
Focused single-purpose color tools powered by the same engines behind the color palette generator. Generate color palettes, extract colors from images, check WCAG contrast ratios, simulate color blindness, create CSS gradients, and build Tailwind CSS themes — all free, no sign-up.
Want a color-focused overview? See the color tools hub.
Color tools
Color palette generator
Six palette strategies from one color.
Brand color palettes
Real brand colors you can use as a design seed.
Shade & tint scale generator
Perceptual 50–950 scales in OKLCH.
WCAG contrast checker
WCAG 2.x ratios with one-click fixes.
CSS color names
The 148 CSS names + dominant hue, closest first.
Dark mode generator
Semantic dark themes, not inversions.
Color blindness simulator
Simulate colors & images under all eight CVD types.
Color mixer
Blend two colors at any ratio.
Alpha channel tool
HEX8, RGBA & opacity from any color.
WCAG color palette checker
Check full palettes for contrast issues.
Converters
CSS & tokens
Tailwind color generator
Tailwind v4 @theme output from one color.
shadcn/ui theme generator
Current-convention shadcn themes.
Design token generator
DTCG-style JSON + CSS tokens.
CSS gradient generator
Linear, radial & conic gradients visually.
CSS shadow generator
Visual box-shadow & text-shadow builder.
Typography scale generator
Modular type scale with live preview & CSS.