Copper #B87333
Copper is a warm orange-brown with the hex code #B87333, named for the reddish metal. It is medium-dark and fairly saturated, like a new penny or a polished cooking pot. As a flat color it reads as a reddish bronze, and it brings to mind craftsmanship, kitchenware, and worked metal.
A flat hex can only suggest metal, since real copper shines and darkens with age. #B87333 is a standard reference value for copper; CSS has no copper keyword.
| HEX | #B87333 | |
|---|---|---|
| RGB | rgb(184, 115, 51) | |
| HSL | hsl(29, 57%, 46%) | |
| HSV | hsv(29, 72%, 72%) | |
| CMYK | cmyk(0%, 38%, 72%, 28%) |
Text on Copper
Black text reads better on Copper. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Copper
Copper tints and shades
Tints mix Copper with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Copper color schemes
Color-wheel harmonies built by rotating the hue of #B87333 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Copper color meaning
Copper takes its meaning from the metal. People have shaped it into tools, coins, pipes, and wiring for thousands of years, so the color suggests something useful and well made. It feels warmer and more approachable than gold, with less showiness. It also suggests electricity, since copper is the standard metal for household wiring.
There's a sense of age built into it, too. Exposed copper slowly grows a blue-green patina, which is why the Statue of Liberty is green today. That link between fresh shine and weathered surface gives copper an artisanal feel that suits workshops, distilleries, and small-batch goods.
Copper pots, mugs, and kettles are kitchen fixtures in many countries, so the color also feels domestic and inviting. Across these uses the shared reading is warm, practical, and handmade.
How to use Copper in design
Copper suits branding for craft beer, coffee, cookware, and home goods, where it hints at metal without the luxury signal that gold sends. On screens a flat copper can look dull, so designers often add a subtle gradient or set it against navy or charcoal to make it glow. White text on copper works for large headings but is tight for small print; dark brown or near-black text is more dependable. In interiors, copper lamps, fixtures, and pans warm up white, gray, or deep green rooms.
Palettes with Copper tones
Curated palettes with a color close to #B87333.
Colors similar to Copper
Work with Copper
Copper FAQ
What is the difference between copper and bronze?
Bronze is mostly copper mixed with tin, and the colors follow the metals. Bronze is lighter and more golden, while copper is redder and a little deeper. Side by side, copper looks like a penny and bronze looks like an old statue or a third-place medal before it tarnishes.
Is copper the same as rose gold?
No. Rose gold is a pinker, softer color, named after a gold alloy that gets its blush from added copper. Copper itself is more orange and earthy. Rose gold leans toward jewelry and tech accessories, while copper fits kitchens, industrial interiors, and craft packaging better.