Loading…
Enter a single base colour and generate a full Tailwind-style 50 to 950 shade ramp, ready to paste into your config.
Lightness is interpolated across a Tailwind-like curve — shades won't byte-match the official palette, but follow the same 50→950 progression.
{
50: '#f4f7fb',
100: '#e3ebf8',
200: '#bdd2f5',
300: '#86b0f3',
400: '#3c83f6',
500: '#0b60ea',
600: '#094ebe',
700: '#0b3f94',
800: '#0c316e',
900: '#0c244b',
950: '#081326',
}