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-goldenrod-50: #fffaef;
--color-goldenrod-100: #ffeece;
--color-goldenrod-200: #fcdda2;
--color-goldenrod-300: #f1c66d;
--color-goldenrod-400: #daa520;
--color-goldenrod-500: #bb8b00;
--color-goldenrod-600: #9b7300;
--color-goldenrod-700: #826000;
--color-goldenrod-800: #6d5000;
--color-goldenrod-900: #5b4200;
--color-goldenrod-950: #382700;
}