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-midnightblue-50: #f8faff;
--color-midnightblue-100: #ebf0ff;
--color-midnightblue-200: #d7e0ff;
--color-midnightblue-300: #bbcaff;
--color-midnightblue-400: #95aaff;
--color-midnightblue-500: #7187ff;
--color-midnightblue-600: #5565f8;
--color-midnightblue-700: #4450d9;
--color-midnightblue-800: #3842ba;
--color-midnightblue-900: #2d359d;
--color-midnightblue-950: #191970;
}