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-lightskyblue-50: #f5fbff;
--color-lightskyblue-100: #e1f3ff;
--color-lightskyblue-200: #c3e7ff;
--color-lightskyblue-300: #87cefa;
--color-lightskyblue-400: #5ebaf0;
--color-lightskyblue-500: #319ed8;
--color-lightskyblue-600: #0084bb;
--color-lightskyblue-700: #006e9d;
--color-lightskyblue-800: #005c84;
--color-lightskyblue-900: #004c6e;
--color-lightskyblue-950: #002e45;
}