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-lightcoral-50: #fff8f8;
--color-lightcoral-100: #ffebea;
--color-lightcoral-200: #ffd6d4;
--color-lightcoral-300: #ffb7b4;
--color-lightcoral-400: #f08080;
--color-lightcoral-500: #e1696b;
--color-lightcoral-600: #c34e52;
--color-lightcoral-700: #a83c41;
--color-lightcoral-800: #8f3035;
--color-lightcoral-900: #78262a;
--color-lightcoral-950: #500c13;
}