Tailwind Shade Generator
ColourGenerate Tailwind colour scales
Input type: colour values
%
%
deg
0%
Adds grain texture to reduce banding. Only applies to image export, not CSS.
×px
linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%)
Have a sticker! Peel it off to download.
Chaos report
You asked for Tailwind Shade Generator. We used Gradient Generator instead — both accept colour values.