modern CSS color · OKLCH first
Free color tools for designers who ship
Create palettes, generate perceptual color scales, convert between every color space, check accessibility, and copy production-ready OKLCH CSS, Tailwind themes and Figma variables.
oklch(0.5854 0.2041 277.12)
sRGB
Color value
Lightness0.585
Chroma0.204
Hue277.117°
Every tool, one place
◐Palette Generator
Harmony-based palettes generated in OKLCH with locking, reordering and instant copy.
Open tool▤Color Scale Generator
Turn one color into a 50–950 ramp, export as CSS variables, JSON or Tailwind theme.
Open tool◈Design System From One Color
Primary, neutral, success, warning, danger ramps plus semantic light/dark tokens.
Open tool