Color Scale Generator
Pick any color and generate a full 50–950 scale with perceptually uniform steps — just like Tailwind's default palette, but for any hue.
:root {
--color-50: #f0f5ff;
--color-100: #e2eaff;
--color-200: #ccd6ff;
--color-300: #b0bcff;
--color-400: #8f9bff;
--color-500: #7177ff;
--color-600: #5759dc;
--color-700: #3f3cb1;
--color-800: #2a2384;
--color-900: #161153;
--color-950: #0b0932;
}