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-orangered-50: #fff8f7;
--color-orangered-100: #ffebe6;
--color-orangered-200: #ffd7cc;
--color-orangered-300: #ffb8a6;
--color-orangered-400: #ff8a6b;
--color-orangered-500: #ff4500;
--color-orangered-600: #d73900;
--color-orangered-700: #b52e00;
--color-orangered-800: #992500;
--color-orangered-900: #801e00;
--color-orangered-950: #500f00;
}