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-mediumblue-50: #f8faff;
--color-mediumblue-100: #e9f0ff;
--color-mediumblue-200: #d3e2ff;
--color-mediumblue-300: #b3ccff;
--color-mediumblue-400: #87aeff;
--color-mediumblue-500: #5b8dff;
--color-mediumblue-600: #306bff;
--color-mediumblue-700: #0946ff;
--color-mediumblue-800: #0030e4;
--color-mediumblue-900: #0000cd;
--color-mediumblue-950: #00157b;
}