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-greenyellow-50: #f3ffe8;
--color-greenyellow-100: #d9ffb4;
--color-greenyellow-200: #adff2f;
--color-greenyellow-300: #99e700;
--color-greenyellow-400: #83c700;
--color-greenyellow-500: #6ea800;
--color-greenyellow-600: #5a8b00;
--color-greenyellow-700: #4b7400;
--color-greenyellow-800: #3e6200;
--color-greenyellow-900: #335100;
--color-greenyellow-950: #1d3100;
}