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-slateblue-50: #f9f9ff;
--color-slateblue-100: #eeeeff;
--color-slateblue-200: #dedeff;
--color-slateblue-300: #c7c5ff;
--color-slateblue-400: #a8a2ff;
--color-slateblue-500: #8c7efc;
--color-slateblue-600: #7463de;
--color-slateblue-700: #6a5acd;
--color-slateblue-800: #5141a6;
--color-slateblue-900: #43358b;
--color-slateblue-950: #281961;
}