Which version of Tailwind does this reference?

This tool covers Tailwind CSS v3 colors, which includes the full 50-950 shade scale for all core color families.

How many Tailwind colors are there?

Tailwind v3 includes 22 color families each with 11 shade steps, totaling 242 swatches plus black and white.

Use the Monochromatic Shades Generator to create a 50-950 scale from your own color and format it for a Tailwind config file.

Yes. The HEX values are taken directly from the Tailwind CSS v3 source code.

Browse all Tailwind CSS colors with shade levels 50-950 and copy HEX codes instantly.

Click any swatch to copy the HEX value.

Last updated: 2026-06-10 · Reviewed by Nham Vu