K

PALETTE GENERATOR

← All colour tools

Pick any base colour and get a balanced five-swatch palette — two darker shades, the base, and two lighter tints, nudged in hue for life. Click a swatch to copy its code.

Base colour drives the whole ramp.

Use the darkest swatch for text, the lightest for backgrounds, and the base for buttons and links. The two mid tints are great for borders and hovers.

Copied! Further reading — tints, shades & ramps
Tints and shadesWikipedia Monochromatic palettesWikipedia Colour schemeWikipedia Web colours & hex codesWikipedia