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-ivory-50: #fffff0;
--color-ivory-100: #f3f2d6;
--color-ivory-200: #e6e5b4;
--color-ivory-300: #d3d18a;
--color-ivory-400: #b8b45a;
--color-ivory-500: #9d9831;
--color-ivory-600: #837e06;
--color-ivory-700: #6e6900;
--color-ivory-800: #5c5800;
--color-ivory-900: #4c4900;
--color-ivory-950: #2e2c00;
}