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-sienna-50: #fff9f6;
--color-sienna-100: #ffece3;
--color-sienna-200: #ffd8c7;
--color-sienna-300: #feba9c;
--color-sienna-400: #eb9873;
--color-sienna-500: #d07a52;
--color-sienna-600: #b46039;
--color-sienna-700: #a0522d;
--color-sienna-800: #833f1e;
--color-sienna-900: #6e3317;
--color-sienna-950: #491a01;
}