IconVault's Tailwind Color Finder takes any hex color and finds the closest Tailwind CSS shade using weighted RGB distance, so a brand color like #0ea5e9 resolves instantly to sky-500 with its exact hex value. You get the best match plus 7 runner-up shades, a side-by-side visual comparison, and one-click copy of the class name or hex.

It searches the full Tailwind default palette: black, white and all 11 shades of the 22 color ramps (slate, red, emerald, sky and more). Everything runs fully in your browser and is free to try, which makes it ideal for converting design mockups, Figma colors or legacy CSS values into clean Tailwind utility classes.