Color Shades & Tints

Generate lighter tints and darker shades from any base color — click any swatch to copy its hex.

How to use

Pick a base color or type a hex value. You'll get a row of lighter tints and darker shades — click any swatch to copy its hex code. Great for building a UI palette from one brand color.