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-green-50: #f1ffef;
--color-green-100: #dbfad8;
--color-green-200: #bcf2b7;
--color-green-300: #95e38f;
--color-green-400: #67ca61;
--color-green-500: #3eaf39;
--color-green-600: #1a9417;
--color-green-700: #008000;
--color-green-800: #006900;
--color-green-900: #005700;
--color-green-950: #003500;
}