Generate tints, shades, and saturation variations from any base color. Click any swatch to copy its HEX code.
Pick a base color and instantly get four independent variation strips: tints (lighter), shades (darker), and more and less saturated versions. Each row's step count is adjustable on its own, so you can generate exactly the palette size you need for a design system, chart, or UI state (hover, active, disabled).
Click any swatch to copy its HEX code straight to your clipboard.
A tint mixes a color toward white (increasing lightness); a shade mixes it toward black (decreasing lightness). Both keep the same hue.
This tool derives variations from a single color. The Color Mixer blends between two different colors instead.
Tell us what to improve or which tool to add next.
