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-violet-50: #fff7ff;
--color-violet-100: #ffe8fe;
--color-violet-200: #ffcffd;
--color-violet-300: #ffa8fe;
--color-violet-400: #ee82ee;
--color-violet-500: #d15dd2;
--color-violet-600: #b541b7;
--color-violet-700: #9b2e9d;
--color-violet-800: #842386;
--color-violet-900: #6e1b70;
--color-violet-950: #49004a;
}