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-peachpuff-50: #fff9f4;
--color-peachpuff-100: #ffecdc;
--color-peachpuff-200: #ffdab9;
--color-peachpuff-300: #f4c192;
--color-peachpuff-400: #dfa165;
--color-peachpuff-500: #c58341;
--color-peachpuff-600: #a96a24;
--color-peachpuff-700: #91560f;
--color-peachpuff-800: #7b4706;
--color-peachpuff-900: #663a03;
--color-peachpuff-950: #402200;
}