Color Palette Generator

Shade ramps and color harmonies from any seed hex.

Enter a hex color or use the picker. The 9-step ramp goes light to dark; harmonies are computed in HSL space.

Seed color (hex)

Shade ramp (light → dark)

#e7ebfe

#b6c3fc

#859bf9

#5472f7

#234af5

#0a31dc

#0826ab

#061b7a

#031049

Harmonies

Seed

#4f6ef7

Complement

#f7d84f

Triad 1

#f74f6e

Triad 2

#6ef74f

Analog +30°

#844ff7

Analog −30°

#4fc2f7

About this tool

Computes shade ramps by holding hue and saturation constant and stepping lightness from 95 → 15%. Harmonies use standard color-theory rotations: complement (+180°), triad (+120° / +240°), analogs (±30°). All math is HSL-based; for production-grade design tokens, consider OKLCH for perceptual uniformity.

All processing happens entirely in your browser — no input is sent to our servers.