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-mediumorchid-50: #fef8ff;
--color-mediumorchid-100: #fbe9ff;
--color-mediumorchid-200: #f6d3ff;
--color-mediumorchid-300: #efb2ff;
--color-mediumorchid-400: #e184f9;
--color-mediumorchid-500: #ba55d3;
--color-mediumorchid-600: #ab46c4;
--color-mediumorchid-700: #9333a9;
--color-mediumorchid-800: #7c2890;
--color-mediumorchid-900: #681f79;
--color-mediumorchid-950: #440252;
}