← Colors that go with…

Colors That Go With Backyard (#879877): Palettes and Pairings

What goes with Backyard #879877: its complement, analogous and triadic partners, the neutrals that work, pairs to avoid and a ready five-color palette, with contrast ratios.

Backyard (#879877) is a medium, muted green with a balanced 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 Backyard, 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

Every harmony for Backyard

Analogous

These are neighbors on the color wheel. They share a family, so the result is calm and cohesive with very little tension. For Backyard the partners are Pebble (#979876) and Money (#769877). Some of these land close to neutral, so they behave like background colors.

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 Backyard the partners are Vintage (#887698). Because Backyard is muted, keep the partners at a similar level of saturation so no single color shouts.

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 Backyard the partners are Stormy Horizon (#777698) and Amorous (#987697). Because Backyard 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 Backyard the partners are Tempest (#768798) and Muted Berry (#987687). Some of these land close to neutral, so they behave like background colors.

Tetradic

Two complementary pairs. It is the richest scheme and the hardest to balance, so let one color carry most of the space. For Backyard the partners are Yucca (#769888), Vintage (#887698) and Muted Berry (#987687). Some of these land close to neutral, so they behave like background colors.

Square

Four hues spaced evenly, a quarter turn apart. It is very varied, so control it with lightness and saturation rather than hue. For Backyard the partners are Yucca (#769798), Vintage (#887698) and Hemp (#987776). Some of these land close to neutral, so they behave like background colors.

Neutrals that work with it

A neutral next to Backyard should follow its temperature. Backyard has a balanced 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.

NeutralHexContrast with BackyardLevel for text
Pure white#FFFFFF3.09:1AA large
Soft tint#F5F6F42.85:1Fail
Mid tone#838B7C1.14:1Fail
Deep shade#4A54402.57:1Fail
Near-black#1111116.10:1AA

Text on it, and it as text

CombinationRatioLevel
White text on Backyard3.09:1AA large
Near-black text on Backyard6.10:1AA
Backyard text on white3.09:1AA large
Backyard text on near-black6.10:1AA

Dark text reads well on Backyard, 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

Backyard sits at 66% 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

Green is restful for the eye and linked to nature, health and growth. Muted greens calm, while vivid greens feel fresh, techy and energetic. As a mid-toned shade, Backyard sits comfortably in the middle: present but not heavy.

Common symbols for the green family are nature, growth, renewal and luck. Islam: A sacred color tied to paradise and the Prophet.

A ready-to-use palette

RoleColorHex
Dark background or textBroccoli Green#4A5440
Main colorBackyard#879877
Light surfaceSnow#F5F6F4
AccentVintage#887698
Borders and secondary textJumbo#838B7C