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-lightslategray-50: #f7fafe;
--color-lightslategray-100: #ebf1f7;
--color-lightslategray-200: #d9e3ec;
--color-lightslategray-300: #c0cedc;
--color-lightslategray-400: #a1b2c2;
--color-lightslategray-500: #8596a7;
--color-lightslategray-600: #778899;
--color-lightslategray-700: #596877;
--color-lightslategray-800: #495764;
--color-lightslategray-900: #3c4853;
--color-lightslategray-950: #222b34;
}