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-lightsalmon-50: #fff9f6;
--color-lightsalmon-100: #ffebe4;
--color-lightsalmon-200: #ffd7c8;
--color-lightsalmon-300: #ffb99e;
--color-lightsalmon-400: #ffa07a;
--color-lightsalmon-500: #d8754c;
--color-lightsalmon-600: #bb5b32;
--color-lightsalmon-700: #a14821;
--color-lightsalmon-800: #893a17;
--color-lightsalmon-900: #722f11;
--color-lightsalmon-950: #4b1700;
}