Palettra

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

Hue185

Saturation100

Lightness23