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-fuchsia-50: #fff7fe;
--color-fuchsia-100: #ffe8fd;
--color-fuchsia-200: #ffcffc;
--color-fuchsia-300: #ffa9fb;
--color-fuchsia-400: #ff66fc;
--color-fuchsia-500: #ff00ff;
--color-fuchsia-600: #c600c6;
--color-fuchsia-700: #a700a7;
--color-fuchsia-800: #8c008c;
--color-fuchsia-900: #750075;
--color-fuchsia-950: #490049;
}