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-orchid-50: #fff7fe;
--color-orchid-100: #ffe8fd;
--color-orchid-200: #ffcffb;
--color-orchid-300: #fcacf8;
--color-orchid-400: #e886e3;
--color-orchid-500: #da70d6;
--color-orchid-600: #b14aae;
--color-orchid-700: #983796;
--color-orchid-800: #812b7f;
--color-orchid-900: #6c226a;
--color-orchid-950: #470746;
}