teal Tailwind color system

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

Hue199

Saturation89

Lightness48