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-slategray-50: #f8fafd;
--color-slategray-100: #ebf1f6;
--color-slategray-200: #d9e2ec;
--color-slategray-300: #c1cedb;
--color-slategray-400: #a2b2c1;
--color-slategray-500: #8596a6;
--color-slategray-600: #708090;
--color-slategray-700: #596877;
--color-slategray-800: #4a5764;
--color-slategray-900: #3d4853;
--color-slategray-950: #222b34;
}