Analogous colour palettes

Neighbouring hues within a quarter of the wheel, stepped through light and dark. Explore 543 palettes.

Browse all 78 palette collections
Colour pairings & usage tips

Try this.

Keep neighbouring hues together for a cohesive illustration or interface. Choose one colour as the main surface and let the changes in lightness establish hierarchy.

Check the pairing.

Hue harmony does not establish text contrast. Similar hues can be readable at different lightnesses; check the exact foreground and background pair.

A pairing to start with.

In Magenta & Indigo, #1F3B77 against #B5B1DA has a contrast ratio of 5.26:1. This pair meets the WCAG AA contrast threshold for normal text. This checks opaque colours only; other pairings, transparency and gradients need their own checks.

The five swatches span 37–78% OKLCH lightness. Try different colour roles in the palette generator.

Analogousanalogous · cool
Analogousanalogous · cool
Analogousanalogous · warm
Analogousanalogous · cool
Analogousanalogous · cool
Analogousanalogous · cool
Analogousanalogous · warm
Analogousanalogous · cool
Analogousanalogous · mixed
Analogousanalogous · mixed
Analogousanalogous · mixed
Analogousanalogous · cool
Analogousanalogous · cool
Analogousanalogous · cool
Analogousanalogous · warm
Analogousanalogous · cool
Analogousanalogous · cool
Analogousanalogous · cool
Analogousanalogous · cool
Analogousanalogous · cool
Analogousanalogous · mixed
Analogousanalogous · cool
Analogousanalogous · cool
Analogousanalogous · cool

THE COLOR SHEET / POSTCARD

Send a little colour.

THE PICTURE SIDE

Just for this postcard. Your saved memory stays as you wrote it.