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-purple-50: #fff7fe;
--color-purple-100: #ffe8fd;
--color-purple-200: #ffcffc;
--color-purple-300: #ffa9fb;
--color-purple-400: #fb6df8;
--color-purple-500: #e142df;
--color-purple-600: #c319c3;
--color-purple-700: #a700a7;
--color-purple-800: #8c008c;
--color-purple-900: #800080;
--color-purple-950: #490049;
}