Colors That Go With Cocoloco (#AA8F7A): Palettes and Pairings

Cocoloco (#AA8F7A) is a medium, muted orange with a warm feel. Whether a pairing works depends less on a color's name than on three measurable things: how far apart the hues are, how different the lightness is, and how much saturation each color carries. This guide works through every classic harmony for Cocoloco, names the nearest color for each partner, and checks the contrast, so you know which pairs can carry text and which are only for decoration.

The short answer

• For contrast, pair Cocoloco with Cavolo Nero (#7995A9), its complement.
• For calm, use its neighbors on the wheel: Opium (#A9797C) and Cardamom (#A9A679).
• For variety, try the triadic partners Catnip (#79A98E) and Aster (#8E79A9).
• For a safe base, add Snow (#F7F5F4) as a light surface and Lynx (#5E4E42) as a dark one.

Every harmony for Cocoloco

Analogous

These are neighbors on the color wheel. They share a family, so the result is calm and cohesive with very little tension. For Cocoloco the partners are Opium (#A9797C) and Cardamom (#A9A679). Because Cocoloco is muted, keep the partners at a similar level of saturation so no single color shouts.

Complementary

These sit opposite each other on the wheel. They give the strongest contrast of hue, so let one lead and use the other sparingly. For Cocoloco the partners are Cavolo Nero (#7995A9). Some of these land close to neutral, so they behave like background colors.

Split complementary

This takes the color and the two neighbors of its opposite. It keeps most of the energy of a complementary pair with less tension. For Cocoloco the partners are Harbour Mist (#79A9A6) and Aster (#797CA9). Because Cocoloco is muted, keep the partners at a similar level of saturation so no single color shouts.

Triadic

Three hues spaced evenly around the wheel. Lively and balanced, it works best with one dominant color and two in support. For Cocoloco the partners are Catnip (#79A98E) and Aster (#8E79A9). Because Cocoloco is muted, keep the partners at a similar level of saturation so no single color shouts.

Tetradic

Two complementary pairs. It is the richest scheme and the hardest to balance, so let one color carry most of the space. For Cocoloco the partners are Forester (#95A979), Cavolo Nero (#7995A9) and Aster (#8E79A9). Because Cocoloco is muted, keep the partners at a similar level of saturation so no single color shouts.

Square

Four hues spaced evenly, a quarter turn apart. It is very varied, so control it with lightness and saturation rather than hue. For Cocoloco the partners are Lily Pads (#7CA979), Cavolo Nero (#7995A9) and Drama Queen (#A679A9). Because Cocoloco is muted, keep the partners at a similar level of saturation so no single color shouts.

Neutrals that work with it

A neutral next to Cocoloco should follow its temperature. Cocoloco has a warm feel, so tinted neutrals (a light and a dark made from the color itself) will look more at home than pure gray. Here is how each candidate contrasts with it.

Text on it, and it as text

Dark text reads well on Cocoloco, so it works as a surface, a highlight or a card background. White text on it does not reach 4.5 to 1.

What to avoid

Cocoloco sits at 67% lightness. The usual trap is to pair it with another saturated color at the same lightness. Whenever you do, separate them with a neutral or change one of them by at least 20 points of lightness.

Where it works

Orange keeps the warmth of red with less aggression. It reads as friendly, social and optimistic, and tends to make a product feel affordable and approachable. As a mid-toned shade, Cocoloco sits comfortably in the middle: present but not heavy.

• Consumer apps and onboarding
• Fitness and energy brands
• Autumn and harvest campaigns
• Buttons that should feel inviting

Common symbols for the orange family are warmth, harvest, enthusiasm and sunset. Netherlands: The royal House of Orange, and national pride on King's Day and at sports events.

A ready-to-use palette