Tailwind Color Generator

Find the closest Tailwind CSS color names for any HEX code. Build custom Tailwind color palettes for your projects.

Enter HEX Color

Closest Tailwind Class

orange-500

Use: bg-orange-500 or text-orange-500

All Tailwind Colors

slate

gray

zinc

neutral

stone

red

orange

amber

yellow

lime

green

emerald

teal

cyan

sky

blue

indigo

violet

purple

fuchsia

pink

rose

Tailwind CSS Color System

Tailwind CSS provides a comprehensive set of utility classes for colors. Each color has 11 shades from 50 (lightest) to 950 (darkest). This tool helps you match any color to the closest Tailwind equivalent or generate custom color configurations.