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-olivedrab-50: #f6fded;
--color-olivedrab-100: #e9f6d8;
--color-olivedrab-200: #d5ebb7;
--color-olivedrab-300: #bbd98f;
--color-olivedrab-400: #9bbe62;
--color-olivedrab-500: #7ea23b;
--color-olivedrab-600: #6b8e23;
--color-olivedrab-700: #537200;
--color-olivedrab-800: #456000;
--color-olivedrab-900: #384f00;
--color-olivedrab-950: #213000;
}