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-dodgerblue-50: #f7faff;
--color-dodgerblue-100: #e6f1ff;
--color-dodgerblue-200: #cde4ff;
--color-dodgerblue-300: #a8d0ff;
--color-dodgerblue-400: #72b3ff;
--color-dodgerblue-500: #1e90ff;
--color-dodgerblue-600: #007ae0;
--color-dodgerblue-700: #0066bd;
--color-dodgerblue-800: #0055a0;
--color-dodgerblue-900: #004685;
--color-dodgerblue-950: #002a54;
}