Tailcolors: Tailwind CSS Color Palette
Overview
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
Details
- Version1.1.1
- UpdatedFebruary 27, 2026
- Size85.93KiB
- LanguagesEnglish
- DeveloperWebsite
Email
mail@harrisonbroadbent.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
Support
For help with questions, suggestions, or problems, visit the developer's support site
