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-blueviolet-50: #fbf9ff;
--color-blueviolet-100: #f3edff;
--color-blueviolet-200: #e7daff;
--color-blueviolet-300: #d6bfff;
--color-blueviolet-400: #c197ff;
--color-blueviolet-500: #ad6aff;
--color-blueviolet-600: #9937f8;
--color-blueviolet-700: #8a2be2;
--color-blueviolet-800: #6f13bb;
--color-blueviolet-900: #5c0c9d;
--color-blueviolet-950: #390066;
}