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-deepskyblue-50: #f5fbff;
--color-deepskyblue-100: #e0f4ff;
--color-deepskyblue-200: #bfe8ff;
--color-deepskyblue-300: #8ad8ff;
--color-deepskyblue-400: #00bfff;
--color-deepskyblue-500: #00a1d7;
--color-deepskyblue-600: #0085b3;
--color-deepskyblue-700: #006f97;
--color-deepskyblue-800: #005d7f;
--color-deepskyblue-900: #004d6a;
--color-deepskyblue-950: #002f42;
}