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-darkred-50: #fff8f7;
--color-darkred-100: #ffebe8;
--color-darkred-200: #ffd6d0;
--color-darkred-300: #ffb8ac;
--color-darkred-400: #ff8878;
--color-darkred-500: #fc4b3b;
--color-darkred-600: #dd281d;
--color-darkred-700: #c00a06;
--color-darkred-800: #a30000;
--color-darkred-900: #8b0000;
--color-darkred-950: #560000;
}