Alternatives

Products that do what Tailcolors, a TailwindCSS Color Palette does

Hey HN, I built tailcolors.com — a TailwindCSS color palette where you can click to copy any Tailwind color class. I'm a longtime Tailwind user and I've tried some similar tools, but none supported v4 colors or the new oklch variants. Tailcolors has both! You can easily copy the 50-950 variants of each color by clicking on them, plus optionally toggle between copying the raw Tailwind class, a hex code, or the oklch property. Enjoy!

1. 1
   fullwindcss▲377

   Extra color shades for Tailwind CSS

   2024

2. 2
   Image-to-Tailwind▲87

   Generate a Tailwind-ready color palette from an image

   2021

3. 3
   HueWind▲80

   A opinionated, cohesive palette generator for Tailwind CSS

   2022

4. 4
   Tailwind.ink▲233

   AI color palette generator for Tailwindcss

   2020

5. 5
   UI Colors▲305

   Tailwind CSS color generator & editing tool

   2022

6. 6
   Tailwind Helper▲120

   Convert and visualize your tailwind classes

   2022

7. 7
   𝘊𝘰𝘭𝘰𝘳𝘴 𝘈𝘯𝘥 𝘍𝘰𝘯𝘵𝘴 2020▲185

   Colors, fonts & resources for developers & digital designers

   2020

8. 8
   UI Colors▲31

   Tailwind CSS color generator & editing tool

   2025

9. 9
   SaaS Blocks for Tailwind▲371

   Tailwind-based UI kit to make your next SaaS website

   2021

10. 10
    WickedBlocks▲440

    Tailwind V2 blocks ready to copy paste

    2021

11. 11
    TailGrids 2.0▲269

    Components, Blocks and Templates for Tailwind CSS

    2023

12. 12
    OKLCH Color Picker & Converter▲287

    The new way of working with color

    2023

13. 13
    TailwindCSS Buttons▲231

    30+ copy & paste TailwindCSS buttons

    2021

14. 14
    TailConverter▲183

    The easiest way to convert CSS to Tailwind CSS

    2024

15. 15
    Tailwind CSS v2.0▲390

    Rapidly build modern websites without ever leaving your HTML

    2020

16. 16
    Tailkits▲392

    Curated Tailwind CSS components, UI kits, tools & more

    2023

17. 17
    TailGrids▲407

    Tailwind CSS Component Library and UI Kit

    2022

18. 18
    Colors and Fonts▲211

    Colors, fonts & resources for Developers & Digital Designers

    2019

19. 19
    Tailwind Builder 2.0▲293

    Online editor & Visual Studio Code extension for TailwindCSS

    2020

20. 20
    Tailwind CSS Cheat Sheet▲247

    Every class name from Tailwind CSS on a single page

    2021

21. 21
    Flat UI Colors 2▲526

    280 handpicked colors ready for copy & paste

    2018

22. 22
    ColorHub▲178

    Find the perfect color palette for your next project

    2021

23. 23
    Tailwind CSS Play▲465

    An advanced online playground for Tailwind CSS

    2020

24. 24
    Tailwind CSS Gradient Generator▲110

    Awesome open-source gradient tool for web designers

    2022

Ranked by how close each launch is in meaning, then by votes. Refine with a description →