Tailwind palette

Turn a seed colour into a full 50→950 Tailwind-style scale.

Seed HEX

Picker

Color name

Tailwind v4 @theme snippet

--color-brand-50: #E3F7FF;
--color-brand-100: #CAEDFF;
--color-brand-200: #A4D9FF;
--color-brand-300: #82C0FF;
--color-brand-400: #59A1FF;
--color-brand-500: #3D84F8;
--color-brand-600: #296CD7;
--color-brand-700: #1B55B2;
--color-brand-800: #13418A;
--color-brand-900: #0C2D63;
--color-brand-950: #02163A;