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-darkviolet-50: #fcf8ff;
--color-darkviolet-100: #f6ebff;
--color-darkviolet-200: #edd7ff;
--color-darkviolet-300: #e1baff;
--color-darkviolet-400: #d08eff;
--color-darkviolet-500: #c05aff;
--color-darkviolet-600: #ab23ef;
--color-darkviolet-700: #9400d3;
--color-darkviolet-800: #7b00b0;
--color-darkviolet-900: #660094;
--color-darkviolet-950: #3f005d;
}