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-lightblue-50: #f3fcff;
--color-lightblue-100: #e2f4f9;
--color-lightblue-200: #c9e7f1;
--color-lightblue-300: #add8e6;
--color-lightblue-400: #84b9ca;
--color-lightblue-500: #649eb0;
--color-lightblue-600: #4a8495;
--color-lightblue-700: #386f7f;
--color-lightblue-800: #2d5d6b;
--color-lightblue-900: #244d59;
--color-lightblue-950: #0b2f39;
}