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-chocolate-50: #fff9f5;
--color-chocolate-100: #ffece1;
--color-chocolate-200: #ffd8c3;
--color-chocolate-300: #ffba94;
--color-chocolate-400: #f69256;
--color-chocolate-500: #d2691e;
--color-chocolate-600: #bf5900;
--color-chocolate-700: #a04a00;
--color-chocolate-800: #873d00;
--color-chocolate-900: #713200;
--color-chocolate-950: #461c00;
}