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-deeppink-50: #fff8fa;
--color-deeppink-100: #ffeaf0;
--color-deeppink-200: #ffd4e2;
--color-deeppink-300: #ffb3cd;
--color-deeppink-400: #ff7eb1;
--color-deeppink-500: #ff1493;
--color-deeppink-600: #db007c;
--color-deeppink-700: #b80068;
--color-deeppink-800: #9c0057;
--color-deeppink-900: #820048;
--color-deeppink-950: #52002b;
}