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-crimson-50: #fff8f8;
--color-crimson-100: #ffebea;
--color-crimson-200: #ffd6d5;
--color-crimson-300: #ffb6b5;
--color-crimson-400: #ff8688;
--color-crimson-500: #ff4357;
--color-crimson-600: #dc143c;
--color-crimson-700: #bf0030;
--color-crimson-800: #a20027;
--color-crimson-900: #87001f;
--color-crimson-950: #550010;
}