CSS Color Monster CSS Color Monster

Palette Generator

Generate Tailwind-style color scales from any color using OKLCH.

  

How it works

This generator creates a Tailwind-style color scale (50-950) from your base color. The algorithm uses OKLCH to maintain perceptual uniformity across the scale.

  • Hue remains constant throughout the scale
  • Lightness varies from ~0.97 (lightest) to ~0.15 (darkest)
  • Chroma scales proportionally, peaking at your base color

Contrast ratios help you choose accessible color combinations. WCAG 2.1 requires 4.5:1 for normal text and 3:1 for large text.