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-hotpink-50: #fff8fb;
--color-hotpink-100: #ffe9f2;
--color-hotpink-200: #ffd3e5;
--color-hotpink-300: #ffb2d3;
--color-hotpink-400: #ff69b4;
--color-hotpink-500: #ee4ba1;
--color-hotpink-600: #d02a87;
--color-hotpink-700: #b41072;
--color-hotpink-800: #990460;
--color-hotpink-900: #80014f;
--color-hotpink-950: #510030;
}