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-yellowgreen-50: #f5fee9;
--color-yellowgreen-100: #e7f7d0;
--color-yellowgreen-200: #d3eda8;
--color-yellowgreen-300: #b8dc77;
--color-yellowgreen-400: #9ac43c;
--color-yellowgreen-500: #7ca400;
--color-yellowgreen-600: #668800;
--color-yellowgreen-700: #557200;
--color-yellowgreen-800: #475f00;
--color-yellowgreen-900: #3a4f00;
--color-yellowgreen-950: #223000;
}