Start Now!
Shades that scale, 50 to 950.
Enter a color and get a full Tailwind shade scale. Click any shade to copy its hex, or export the whole scale as config or CSS variables.
Shades — click a swatch to set it as the base
colors: {
'brand': {
'50': '#fff4f0',
'100': '#ffd7c7',
'200': '#ffba9f',
'300': '#ff9e77',
'400': '#ff814e',
'500': '#ff6426',
'600': '#f84700',
'700': '#ca3a00',
'800': '#9d2d00',
'900': '#702000',
'950': '#421300',
},
},More Color Tools
Ready to feed your brandbetter creative?
Send your first request and let Brandbite turn it into something worth shipping.
Get Started
