Libraries
Color scale
Generate a full 50–950 color scale from any color — in Tailwind, CSS, and JSON formats ready to paste.
Export scale
@theme {
--color-lightpink-50: #fff8f9;
--color-lightpink-100: #ffeaed;
--color-lightpink-200: #ffd5da;
--color-lightpink-300: #ffb6c1;
--color-lightpink-400: #ea93a1;
--color-lightpink-500: #d07485;
--color-lightpink-600: #b35a6c;
--color-lightpink-700: #9a4859;
--color-lightpink-800: #823b49;
--color-lightpink-900: #6d303c;
--color-lightpink-950: #481622;
}