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-pink-50: #fff8f9;
--color-pink-100: #ffeaed;
--color-pink-200: #ffd5dc;
--color-pink-300: #ffc0cb;
--color-pink-400: #e297a5;
--color-pink-500: #c87989;
--color-pink-600: #ac6070;
--color-pink-700: #934d5d;
--color-pink-800: #7d3f4d;
--color-pink-900: #68343f;
--color-pink-950: #441a24;
}