Tailcolors: Tailwind CSS Color Palette

Copy any Tailwind CSS color, instantly!

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