Tailwind Color Picker
Find the nearest Tailwind CSS class name for any hex color. 242 colors (22 families × 11 shades). Click any swatch to load. Useful for migrating custom palettes to Tailwind or exploring related shades within a family.
slategrayzincredorangeamberyellowlimegreenemeraldtealcyanskyblueindigovioletpurplefuchsiapinkroseWhat powers the Tailwind Color Picker
242 Tailwind v3+ colors (22 families × 11 shades)
Nearest-color matching by RGB distance
Exact match detection
Full family explorer (click to load any shade)
All families visual overview
Why the Tailwind Color Picker is different
Browser-native
The Tailwind Color Picker runs entirely in your browser. Input is processed locally — never uploaded, never logged, never cached anywhere outside your device.
No artificial limits
No daily quotas, no character ceilings, no "upgrade for more" walls. Every feature is the complete feature — the same on the first use as the thousandth.
Production-grade quality
Built to the same engineering bar as paid SaaS tools — accurate algorithms, audited logic, responsive design and accessibility-tested interactions.
Common use contexts
- Migrating from custom hex palette to Tailwind
- Picking related shades within a Tailwind family
- Designer-to-developer handoff (find closest Tailwind for Figma color)
- Learning the Tailwind palette
Private and secure
Zero upload
All processing happens in your browser. Input is never transmitted, logged or cached.
Works offline
Once the page loads, the tool runs without an internet connection. No network calls happen during use.
No tracking
No accounts, no cookies for tool state. Only aggregate analytics count visits at the page level.