Tailcolors Tailwind Css C

Preview and copy any Tailwind CSS color directly from your browser with our extension 🎨

Supports copying all 286 Tailwind v4.2 colors (choose whether to copy the Tailwind CSS classname, HEX code or OKLCH value).

✨ New (Feb 2026): Updated to support the extended Tailwind v4.2 color palette, including new color shades — mauve, mist, taupe and olive.

---

How to use our Tailwind Color Palette extension:

1. ⬇️ Download & install the Tailcolors extension: This lightweight extension let's you preview and instantly copy any TailwindCSS color, directly from your browser.

2.👆 Click to copy any Tailwind color: Instantly copy the Tailwind CSS color class by clicking it, from shades 50-950.

3. 🎨 Copy the Tailwind class, HEX code or OKLCH color: You can toggle between copying the Tailwind, HEX or OKLCH color code as needed.

---

Changelog:

v1.1.1 (Feb 26, 2026)
- Update extension popup to hide scrollbars

v1.1.0 (Feb 23, 2026)
- Updated the extension to support new Tailwind CSS v4.2 colors (mauve, olive, taupe, mist).
- Automatically remember your color format preference between uses of the extension. For example, if you switch to HEX colors, that will persist between uses of the extension
- Adjust the extension UI to accomodate more colors + show which color you're about to copy on hover.

v1.0.0
- Initial release supporting all Tailwind CSS v4 colors