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-palevioletred-50: #fff8fa;
--color-palevioletred-100: #ffeaef;
--color-palevioletred-200: #ffd4df;
--color-palevioletred-300: #ffb3c9;
--color-palevioletred-400: #f18cab;
--color-palevioletred-500: #db7093;
--color-palevioletred-600: #ba5276;
--color-palevioletred-700: #a04062;
--color-palevioletred-800: #883352;
--color-palevioletred-900: #712943;
--color-palevioletred-950: #4b1028;
}