Analogous Colors
Neighboring hues on the color wheel — usually within ±30° of each other. Analogous palettes are calm, cohesive and one of the most common choices for elegant interfaces.
Example palettes
Three common analogous palettes, each anchored by a different base hue.
Blue → Teal
Cool · Calm · Technical
Red → Orange
Warm · Energetic · Appetising
Green → Yellow
Fresh · Natural · Optimistic
The ±30° rule
On the HSL color wheel, analogous colors typically sit within 30° of each other. Some designers use 20°, others 40° — the goal is to keep all hues visibly related without introducing a jump.
| Base hue | −30° | Base | +30° |
|---|---|---|---|
| Red | Rose (330°) | Red (0°) | Orange (30°) |
| Yellow | Yellow-orange (30°) | Yellow (60°) | Yellow-green (90°) |
| Green | Yellow-green (90°) | Green (120°) | Teal (150°) |
| Cyan | Teal (150°) | Cyan (180°) | Azure (210°) |
| Blue | Azure (210°) | Blue (240°) | Indigo (270°) |
| Violet | Indigo (270°) | Violet (300°) | Magenta (330°) |
Why analogous palettes feel calm
Adjacent hues on the wheel share most of their visual character — the eye has less to reconcile and no hue is fighting for attention. This low-tension result is why analogous palettes are so common in wellness, editorial and lifestyle design, where the goal is a soothing and considered look rather than a bold statement.
How to build an analogous palette
-
Pick a base hueThis is your dominant color and will occupy most of the surface area of the design.
-
Add one or two neighborsUse hues at ±20° to ±30° from the base. Two neighbors is usually the maximum before the palette loses its focus.
-
Vary lightness and saturationA palette that uses only one lightness from each hue feels flat. Generate tints and shades of each to give the palette range.
-
Add a neutralAnalogous palettes work well with a warm, cool or neutral gray scale for surfaces, text and borders.
Common pitfalls
- ! Too many hues at once — four or more adjacent hues start to look muddy.
- ! Low contrast between hues — using all three neighbors at the same lightness makes them hard to distinguish.
- ! Everything the same saturation — analogous palettes feel richer when lightness and saturation vary as well as hue.
- ! Missing a neutral — even the calmest analogous palette needs gray for text and structure.
Frequently asked questions
What are analogous colors?
Analogous colors are any set of colors that sit next to each other on the color wheel. In practice, they are within roughly 30° of each other — for example, blue, blue-green and green. Analogous palettes tend to feel calm, cohesive and natural.
How do I build an analogous color scheme?
Choose one hue as the base. Add one or two hues that sit within 30° on either side. Use the base color as the dominant and the adjacent hues as accents or highlights.
What is the difference between analogous and monochromatic?
Analogous uses neighboring hues — you see multiple colors. Monochromatic uses a single hue and only varies lightness and saturation. Analogous feels more colorful; monochromatic feels more restrained.
Why do analogous palettes feel calming?
Because adjacent hues share most of their visual character. The eye has less to reconcile, and no hue is fighting for attention. This produces a low-tension, harmonious result.