Tailcolors: Tailwind CSS Color Palette

A Tailwind CSS Color Palette, right in your browser! 🎨

With the Tailcolors TailwindCSS Color Palette extension, you can instantly copy any of the 200+ Tailwind color classes. You can also copy the matching HEX or OKLCH color code.

This extension is updated to use the revamped Tailwind 4 color palette, including wide-gamut support and OKLCH color variants.

How our Tailwind Color Palette extension works:

1. ⬇️ Download & install the Tailcolors extension: This lightweight extension let's you instantly copy any TailwindCSS color, directly from your browser.
2. 🎨 Click to copy the perfect Tailwind color: Instantly copy any Tailwind CSS color 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 you need.