Loading tool...
Loading tool...
Generate a full tint/shade scale from any base color — Tailwind-style 50–900 steps with CSS variable and config export.
:root {
--color-primary-50: #f5f7fa;
--color-primary-100: #e8ecf3;
--color-primary-200: #bbd3fc;
--color-primary-300: #85b1f9;
--color-primary-400: #4b8cf7;
--color-primary-500: #3b82f6;
--color-primary-600: #0a58d7;
--color-primary-700: #0848b0;
--color-primary-800: #1d3d72;
--color-primary-900: #142c52;
}