Tailwind Color Picker

Browse the full Tailwind CSS v4 color palette as a grid. Click any swatch to copy the HEX value or the Tailwind class name (e.g., bg-blue-600). Includes the OKLCH values that Tailwind v4 uses internally.

How to use the Tailwind Color Picker

Pick what to copy (HEX value, the full Tailwind class, or the OKLCH value used by Tailwind v4). Click any swatch to copy. The class prefix selector lets you grab background, text, border, or no-prefix variants.