Tailwind v3 Palette

You are outside the Tailwind project, drawing in Figma, writing an HTML email or picking a chart color, and you need the exact hex sitting behind bg-blue-600 or slate-800. This page lays out the 19 default Tailwind v3 color families across all 11 shades (50 to 950) and copies the hex when you click a swatch. Despite the name, it does not build a palette from a color of yours: it is a lookup table for the official one.

The values are the Tailwind v3 sRGB ones. Version 4 redefined the palette in OKLCH and some colors came out more saturated on P3 displays, so these hexes work as an approximation rather than the source of truth on a v4 project. The 950 shade is recent too: it landed in 3.3, before which the scale stopped at 900. And three gray families that exist in Tailwind are missing from this table: zinc, neutral and stone.

A working rule for contrast: on white, text at 600 or 700 usually clears the 4.5:1 threshold, while 500 rarely does and is better spent on fills, borders and large icons. On a dark background, flip it and reach for 300 or 400. If what you actually need is a scale generated from your brand color, this page will not do that, the table is fixed. It renders in the browser with no network calls at all.