Tailwind Color Palette by Tailcolors

Instantly copy the perfect Tailwind Color

12 followers

Instantly copy the perfect Tailwind Color

12 followers

Visit website

Graphic design tools

•

Design resources

Instantly copy any Tailwind color with our beautiful color palette & color picker. Click-to-copy any TailwindCSS color including HEX, OKLCH, or Tailwind color class. Plus, preview each color with gradients, UI examples, matching colors and more!

Tailwind Color Palette by Tailcolors gallery image

Free

Launch tags:Design Tools•Developer Tools•Web Design

Launch Team / Built With

Tines — The intelligent workflow platform

The intelligent workflow platform

Promoted

Maker

📌

Hi! I love TailwindCSS — it's awesome, but it's hard to decide exactly which color to use. That's why I built Tailcolors! I want Tailcolors to be the best TailwindCSS color palette around. With Tailcolors you can: - Preview every single Tailwind v4 color (using the new wide-gamut colors) - Instantly copy any color by clicking it - Dig deeper into a color with UI examples, gradients, complementary colors and more. - Switch between copying the Tailwind class or the HEX / OKLCH code (plus keyboard shortcuts for quick toggling) I hope many of you find Tailcolors helpful! I'd love to hear any feedback you have too. Thanks, - Harrison

Report

1yr ago

It's a really cool site, absolutely love it! It makes it so much easier to find exactly what color I need, and even better that I can copy it in HEX and OKLCH!

Report

1yr ago

Maker

@theinfamouscoder Thank you! Awesome to hear you love Tailcolors!

Report

1yr ago