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-powderblue-50: #f2fcfe;
--color-powderblue-100: #e1f4f7;
--color-powderblue-200: #c7e9ed;
--color-powderblue-300: #b0e0e6;
--color-powderblue-400: #80bbc3;
--color-powderblue-500: #5fa0a8;
--color-powderblue-600: #44868e;
--color-powderblue-700: #337178;
--color-powderblue-800: #285f65;
--color-powderblue-900: #1f4e54;
--color-powderblue-950: #063035;
}