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-royalblue-50: #f8faff;
--color-royalblue-100: #eaf0ff;
--color-royalblue-200: #d4e1ff;
--color-royalblue-300: #b5ccff;
--color-royalblue-400: #8badff;
--color-royalblue-500: #618cff;
--color-royalblue-600: #4169e1;
--color-royalblue-700: #365bcb;
--color-royalblue-800: #2b4bae;
--color-royalblue-900: #233d92;
--color-royalblue-950: #0e2166;
}