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-coral-50: #fff8f6;
--color-coral-100: #ffebe5;
--color-coral-200: #ffd7c9;
--color-coral-300: #ffb9a0;
--color-coral-400: #ff7f50;
--color-coral-500: #ec632c;
--color-coral-600: #ce4700;
--color-coral-700: #ad3b00;
--color-coral-800: #923000;
--color-coral-900: #7a2700;
--color-coral-950: #4c1500;
}