Copper

Colors that go with copper

Copper (#B87333) is a medium, moderately saturated orange. Colors that go well with copper include Haddock’s Sweater (#3378B8), Super Rare Jade (#33B8B5), Pesto Rosso (#B83336), Pesto (#B8B533), Turtle Warrior (#33B873). For a safe, polished look, pair copper with a soft off-white like #FEF3EA and a deep neutral like #25170C; for contrast, add a touch of its complement #3378B8.

Best colors to pair with copper

  • ComplementaryHaddock’s Sweater #3378B8

    Opposite copper on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.

  • Split complementarySuper Rare Jade #33B8B5

    Sits next to copper's complement: lively contrast with less tension than the direct opposite.

  • AnalogousPesto Rosso #B83336

    A neighbouring hue that blends naturally with copper for calm, cohesive designs.

  • AnalogousPesto #B8B533

    The neighbour on the other side of copper — pair both for a soft, harmonious scheme.

  • TriadicTurtle Warrior #33B873

    One third of the way around the wheel from copper: vibrant but balanced.

  • Light neutralWhat’s Left #FEF3EA

    An off-white with a hint of copper — an easy background that never feels stark.

  • Dark neutralNoir Mystique #25170C

    A deep, copper-tinted near-black for text and dark sections; softer than pure black.

  • GrayChorus of Elephants #8F8883

    A warm-or-cool gray matched to copper for borders, captions and secondary UI.

Copper color palettes

Each palette keeps #B87333 in the middle; open one in the generator to tweak it.

From our palette library

Text and backgrounds with copper

AaText on a copper background
5.54:1GoodBlack text on #B87333
AaCopper text on a light background
5.54:1Good#B87333 text on #000000

Check any other pair with the contrast checker.

FAQ

What colors go with copper?

Haddock’s Sweater (#3378B8), Super Rare Jade (#33B8B5), Pesto Rosso (#B83336), Pesto (#B8B533), Turtle Warrior (#33B873) go well with copper. Neutrals such as #FEF3EA and #25170C are the easiest companions, and #3378B8 adds bold contrast as its complementary color.

What is the complementary color of copper?

The complementary color of copper (#B87333) is #3378B8 (Haddock’s Sweater), which sits opposite it on the color wheel.

What neutral colors go with copper?

Off-whites, creams and grays with a slight copper tint, such as #FEF3EA and #8F8883, plus a deep near-black like #25170C. Tinted neutrals look more cohesive than pure white, gray or black.

What text color should I use on copper?

Black text on #B87333 has a contrast ratio of 5.54:1 (good). For copper text, use a background like #000000 (5.54:1, good).

Is copper a warm or cool color?

Copper is a warm color in the orange family.

More orange colors

All colors