Generate a Tailwind v4 OKLCH color system from one color

Preview WCAG contrast, then export for Tailwind v3, v4, CSS, or Figma.

Start from one hex and build the whole system: OKLCH-based 50–950 scales, neutral and status palettes, and curated font pairings.
Import palettes from Coolors, UIColors, or Google Stitch.
Preview them across ten real UI patterns with WCAG contrast grades.
Export clean tokens for Tailwind v3, Tailwind v4, CSS variables, or Figma — all from a shareable URL.

Primary

Row semantic nameApply shade numbers

Hue185

Saturation100

Lightness23