Generate 10 tints and 10 shades from any color, plus a ready-to-paste Tailwind 50–950 scale. Click any swatch to copy.
:root {
--color-50: #F3F0FF;
--color-100: #E2DBFF;
--color-200: #C2B3FF;
--color-300: #9980FF;
--color-400: #6C47FF;
--color-500: #3F0FFF;
--color-600: #2E00E6;
--color-700: #2600BD;
--color-800: #1D008F;
--color-900: #140066;
--color-950: #0C003D;
}