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-maroon-50: #fff8f7;
--color-maroon-100: #ffebe8;
--color-maroon-200: #ffd6d0;
--color-maroon-300: #ffb8ac;
--color-maroon-400: #ff8878;
--color-maroon-500: #f75342;
--color-maroon-600: #d83327;
--color-maroon-700: #bc1d14;
--color-maroon-800: #a0110b;
--color-maroon-900: #800000;
--color-maroon-950: #560000;
}