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-steelblue-50: #f6fbff;
--color-steelblue-100: #e4f2ff;
--color-steelblue-200: #c9e5ff;
--color-steelblue-300: #a5d2fa;
--color-steelblue-400: #7eb6e6;
--color-steelblue-500: #5d9acd;
--color-steelblue-600: #4682b4;
--color-steelblue-700: #326b99;
--color-steelblue-800: #275982;
--color-steelblue-900: #1f4a6c;
--color-steelblue-950: #062c48;
}