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-darkslateblue-50: #f9f9ff;
--color-darkslateblue-100: #eeeeff;
--color-darkslateblue-200: #dedeff;
--color-darkslateblue-300: #c7c5ff;
--color-darkslateblue-400: #a9a2ff;
--color-darkslateblue-500: #8d81f2;
--color-darkslateblue-600: #7566d5;
--color-darkslateblue-700: #6253ba;
--color-darkslateblue-800: #51449e;
--color-darkslateblue-900: #483d8b;
--color-darkslateblue-950: #281c5c;
}