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-navy-50: #f8faff;
--color-navy-100: #e9f0ff;
--color-navy-200: #d3e2ff;
--color-navy-300: #b3ccff;
--color-navy-400: #87aeff;
--color-navy-500: #5b8dff;
--color-navy-600: #306bff;
--color-navy-700: #0b47fd;
--color-navy-800: #0539d9;
--color-navy-900: #032db7;
--color-navy-950: #000080;
}