Tailwind Color Finder
Free Tailwind color finder. Paste any HEX, RGB or HSL color and get the closest Tailwind CSS color class. For migrating designs to Tailwind.
Runs in your browserUpdated Apr 26, 2026
Tailwind ↔ CSS color
Closest Tailwind colors
blue-500
#3b82f6
blue-600
#2563eb
indigo-500
#6366f1
sky-500
#0ea5e9
cyan-500
#06b6d4
violet-500
#8b5cf6
Frequently asked questions
›Which Tailwind palette is used?
The default Tailwind 3.x palette — slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose.
›How is 'closest' calculated?
Perceptual distance in Lab color space — much better than naive RGB distance, which often picks visually-wrong colors.
›Can I find multiple matches?
Yes — we show the top 3 closest colors so you can pick the best for your design.
›Is the tool free?
Yes — fully free, no signup.