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-firebrick-50: #fff8f7;
--color-firebrick-100: #ffebe8;
--color-firebrick-200: #ffd6d1;
--color-firebrick-300: #ffb7af;
--color-firebrick-400: #ff887c;
--color-firebrick-500: #f25950;
--color-firebrick-600: #d33c37;
--color-firebrick-700: #b22222;
--color-firebrick-800: #9c1d1c;
--color-firebrick-900: #821516;
--color-firebrick-950: #560004;
}