Color Palette Generator

Frequently asked questions

What's the difference between a tint and a shade?

A tint is the base color mixed with white, making it lighter and softer. A shade mixes the base with black, making it darker and more saturated-looking.

How many shades does a UI design system usually need?

Most systems land on 9 to 11 steps per color (often labeled 50, 100, 200 through 900). That covers backgrounds, surfaces, borders, text, and accent states without forcing designers to invent new values.

Should I generate shades in HSL or another color space?

Linear HSL gives uneven perceived brightness because human eyes are more sensitive to green than blue. For more even scales, designers increasingly use OKLCH or HSLuv, but HSL is fine for casual palettes.