Tailwind Color Reference

Tailwind CSS is one of the most popular utility-first CSS frameworks for modern web development, offering a carefully curated color palette that works well across designs. This tool gives you instant access to all of Tailwind's official color families—from neutral shades to vibrant hues—along with their precise hex and RGB values, making it easy to reference colors when designing or customizing themes.

Simply browse through the color swatches organized by family (e.g., slate, gray, red, blue, emerald) and click on any shade to see its hex code and RGB values displayed immediately. Whether you're building a new Tailwind project, matching colors in a design mockup, or copying hex codes to use elsewhere, this reference eliminates the need to search through documentation or guess at color values.