Color tool
Color palette generator
Turn one color into a complete 50–950 shade scale for Tailwind CSS.
Tailwind color palette generatorTools
Pick a tool and start creating.
Choose a tool
03 availableCSS tool
Gradient generator
Blend your colors into linear, radial, or conic CSS gradients.
Tailwind gradient generatorImage tool
Image color extractor
Pull a color palette from an image, or sample a color by tapping any spot.
Extract colors