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-salmon-50: #fff8f7;
--color-salmon-100: #ffebe8;
--color-salmon-200: #ffd6d0;
--color-salmon-300: #ffb7ad;
--color-salmon-400: #fa8072;
--color-salmon-500: #e76558;
--color-salmon-600: #c9493f;
--color-salmon-700: #ae372e;
--color-salmon-800: #942b24;
--color-salmon-900: #7c221c;
--color-salmon-950: #540605;
}