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

Use these colours.

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.

Text & contrast.

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.