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-mediumpurple-50: #faf9ff;
--color-mediumpurple-100: #f1edff;
--color-mediumpurple-200: #e4dbff;
--color-mediumpurple-300: #d1c1ff;
--color-mediumpurple-400: #b99bff;
--color-mediumpurple-500: #9370db;
--color-mediumpurple-600: #8562cb;
--color-mediumpurple-700: #704eb0;
--color-mediumpurple-800: #5e4096;
--color-mediumpurple-900: #4e347e;
--color-mediumpurple-950: #311a56;
}