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-aliceblue-50: #f0f8ff;
--color-aliceblue-100: #e4f2ff;
--color-aliceblue-200: #cbe5fb;
--color-aliceblue-300: #add1f0;
--color-aliceblue-400: #88b5db;
--color-aliceblue-500: #6999c1;
--color-aliceblue-600: #507fa6;
--color-aliceblue-700: #3e6b8e;
--color-aliceblue-800: #325978;
--color-aliceblue-900: #284a64;
--color-aliceblue-950: #102d42;
}