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-red-50: #fff8f7;
--color-red-100: #ffebe8;
--color-red-200: #ffd6d0;
--color-red-300: #ffb8ac;
--color-red-400: #ff8878;
--color-red-500: #ff0000;
--color-red-600: #e60000;
--color-red-700: #c10000;
--color-red-800: #a30000;
--color-red-900: #890000;
--color-red-950: #560000;
}