What are analogous colours?

Analogous colours sit next to each other on the colour wheel and share a similar mood. They create calm, harmonious schemes and are a classic choice when you want colours that feel related.

What does the angle slider do?

It sets the hue spacing between neighbours. A smaller angle keeps the colours very close and subtle, while a larger angle gives more variety while staying harmonious.

How many colours does an analogous scheme have?

This tool generates five — your base colour plus two neighbours on each side of the colour wheel. Many designers use three (the base and one on each side), but five gives a richer related palette.

What is the difference between analogous and complementary colours?

Analogous colours sit next to each other on the wheel and feel calm and unified. Complementary colours sit opposite each other and create high contrast and energy. Analogous is best for harmony, complementary for emphasis.

Is my colour uploaded?

No. The neighbour hues are calculated locally in your browser and nothing is sent anywhere.

Analogous Color Finder

The Analogous Color Finder generates a harmonious palette from any base colour by picking its neighbours on the colour wheel. Analogous schemes — colours that sit next to each other — are a classic choice for calm, coordinated designs in branding, illustration, UI and interiors, because the related hues share a consistent mood.

How it works

The tool converts your base colour to HSL and keeps the saturation and lightness fixed, changing only the hue. It then produces five swatches at hue offsets of −2×, −1×, 0, +1× and +2× the chosen angle (default 30°), wrapping around the 360° wheel. Holding saturation and lightness constant is what keeps the palette balanced — only the hue shifts, so every colour feels like a sibling of the others. The angle slider controls how far apart the neighbours sit: small angles give a subtle, close-knit set, larger angles give more variety while staying harmonious.

Example

With a base of #e11d48 (a crimson red, hue ≈ 347°) and a 30° spread, the five hues are:

Swatch	Hue offset	Hue
Neighbour −2	−60°	287°
Neighbour −1	−30°	317°
Base	0°	347°
Neighbour +1	+30°	17°
Neighbour +2	+60°	47°

Click any swatch to copy its hex code. Everything runs in your browser with nothing uploaded.