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-chartreuse-50: #f2ffec;
--color-chartreuse-100: #d5ffc2;
--color-chartreuse-200: #7fff00;
--color-chartreuse-300: #76ee00;
--color-chartreuse-400: #65cd00;
--color-chartreuse-500: #54ad00;
--color-chartreuse-600: #458f00;
--color-chartreuse-700: #387800;
--color-chartreuse-800: #2e6500;
--color-chartreuse-900: #255300;
--color-chartreuse-950: #143300;
}