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-orange-50: #fff9f2;
--color-orange-100: #ffedd9;
--color-orange-200: #ffdab0;
--color-orange-300: #ffbe6d;
--color-orange-400: #ffa500;
--color-orange-500: #ca8200;
--color-orange-600: #a86b00;
--color-orange-700: #8d5900;
--color-orange-800: #774a00;
--color-orange-900: #633d00;
--color-orange-950: #3d2400;
}