DEV Community

Cover image for 10+ Free Tailwind CSS Colors Tools Resources for 2021

Posted on • Originally published at

10+ Free Tailwind CSS Colors Tools Resources for 2021

Hello friend, Today in this blog you’ll see some tools that will help build attractive website layouts with ease. You will see different types of Color tools like classic color tool, configure color tool, gradient color tools etc.

1. Brand Tail Color

Brand tail color is simple and good tools. if you are looking old classic website then it is good for tools for test colors for your website


The good thing a about Brand tail colors you can set configure you custom you can copy colors configure

2. Tailwindcss Cheatsheet

if you want see all classes in tailwind then see Tailwindcss-cheatsheet . it include colors, spacing , Pseudo-Class, Flexbox, Grid, sizing etc.

3. Color shades Generator for Tailwind CSS

Color shades is very useful tool. it give you colors property 1 to 10 like, 50,100,to 900 . chose color then see

you can copy or edit your color configuration

4. Color Scheme Generator

Color Scheme Generator is very useful if you are build components . you can also use with sass,scss,less

5. Tailwindow

Tailwind is old tool but good you can generate random colors in range


Tailwind ink is AI palette generator, trained with the Tailwind CSS palette. you can also preview colors layouts on mobile device

7. Gradient Designer

After Tailwind CSS 2.x it is easy to implements gradient color class. Gradient Designer tool help to set gradient color


8. Hypercolor dev is also provider gradient palette . just chose gradient color set left,right direction for your choice and copy


9. Palettolithic

Palettolithic is another color palette which Generates harmonius color palettes based on one color . you can use this tools for tailwind css , bootstrap and css


10. Tailwindcomponents Gradient Generator also provider gradient color palette tool. you can set gradient color manually



tailwind simeongriggs


Note: if any know more colors tools then plz comment below

Top comments (0)