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-lightgreen-50: #f0fff0;
--color-lightgreen-100: #d7fcd6;
--color-lightgreen-200: #b5f5b3;
--color-lightgreen-300: #90ee90;
--color-lightgreen-400: #52ce57;
--color-lightgreen-500: #11b22b;
--color-lightgreen-600: #00941e;
--color-lightgreen-700: #007c17;
--color-lightgreen-800: #006812;
--color-lightgreen-900: #00570d;
--color-lightgreen-950: #003505;
}