- Choose a base color and adjust the lightness curve
- Lock hue or auto-contrast mid tones as needed
- Generate scales, then copy Tailwind/CSS variables or export JSON
Note: All processing happens locally in your browser. No uploads.
Color Scale Generator
Build perceptual color scales (50–900), check contrast, and export Tailwind/CSS. Fully client-side.
How to Use
Nearest Tailwind Color
ΔE2000 distance to the closest named Tailwind 500 shade (for the primary scale).
Privacy
This tool runs entirely in your browser. No data is sent to any server.