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-tomato-50: #fff8f7;
--color-tomato-100: #ffebe7;
--color-tomato-200: #ffd7ce;
--color-tomato-300: #ffb8a9;
--color-tomato-400: #ff8972;
--color-tomato-500: #ff6347;
--color-tomato-600: #d53a1f;
--color-tomato-700: #b82609;
--color-tomato-800: #9d1b01;
--color-tomato-900: #841400;
--color-tomato-950: #530900;
}