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-wheat-50: #fff9ef;
--color-wheat-100: #fcefd6;
--color-wheat-200: #f5deb3;
--color-wheat-300: #e8c88a;
--color-wheat-400: #d1a959;
--color-wheat-500: #b78c30;
--color-wheat-600: #9c7304;
--color-wheat-700: #835f00;
--color-wheat-800: #6e4f00;
--color-wheat-900: #5b4100;
--color-wheat-950: #382700;
}