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-indigo-50: #fbf9ff;
--color-indigo-100: #f3edff;
--color-indigo-200: #e7daff;
--color-indigo-300: #d7beff;
--color-indigo-400: #c197ff;
--color-indigo-500: #ad6aff;
--color-indigo-600: #9b31fc;
--color-indigo-700: #8516dd;
--color-indigo-800: #7008bd;
--color-indigo-900: #5d039f;
--color-indigo-950: #4b0082;
}