Colors

Using and customizing the color palette in Tailwind CSS projects.

2025-04-18

Written by: tdtc

intensity

• value

50/100/200/300/400/500/600/700/800/900/950

• name

red / orange / amber / yellow / lime / green / emerald / teal / cyan / sky / blue 
indigo / violet / purple / fuchsia / pink / rose / slate / gray / zinc / neutral / stone

rgb to oklch-tw

• rgb/rgba - oklch
• oklch - tw First, convert RGB/RGBA to oklch(), Then, oklch() converts to Tailwind.

Ref

• Colors