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-brown-50: #fff8f8;
--color-brown-100: #ffebe8;
--color-brown-200: #ffd6d2;
--color-brown-300: #ffb7b0;
--color-brown-400: #ff877e;
--color-brown-500: #e9635c;
--color-brown-600: #cb4743;
--color-brown-700: #a52a2a;
--color-brown-800: #952928;
--color-brown-900: #7d201f;
--color-brown-950: #540408;
}