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-lime-50: #f1ffef;
--color-lime-100: #d1ffcc;
--color-lime-200: #96ff8e;
--color-lime-300: #00ff00;
--color-lime-400: #00d400;
--color-lime-500: #00b300;
--color-lime-600: #009500;
--color-lime-700: #007d00;
--color-lime-800: #006900;
--color-lime-900: #005700;
--color-lime-950: #003500;
}