Color Generator

Generate tints and shades from a base color to build palettes. Great for design systems and theming.

Pick a base color to generate tints and shades. Use the swatch or Randomize; each palette value can be copied.

Base color

#2563EB

Palette

Tint 20%

#5182EF

Tint 40%

#7CA1F3

Tint 60%

#A8C1F7

Tint 80%

#D3E0FB

Base

#2563EB

Shade 80%

#1E4FBC

Shade 60%

#163B8D

Shade 40%

#0F285E

Shade 20%

#07142F