Shades & Tints Generator
Free shades generator — enter one brand color, get a full light-to-dark scale for UI, Tailwind, and dark mode in seconds. No signup.
Loading shades generator…
What you can do
- Generate 3–13 perceptually even steps (OKLCH, not uneven HSL) from any HEX
- Copy every step as HEX, RGB, HSL, or HSV with one click
- Export as CSS variables, Tailwind 50–950 config, JSON, or plain text