Precious Copper
#885522
Deeper copper-brown than Hello Fall, steady warmth
About Precious Copper
This shade looks like copper penny rubbed smooth, then caught under a dim tungsten lamp. Precious Copper lands in the mid-range brown-yellow, but it feels more polished than Grizzly's papery grain and less turmeric-slick than Hot Curry's glow.
Compared to Mochaccino, it's a touch drier and more color-forward, with a slightly reddish warmth that keeps it from becoming cocoa-soft. I use it for spots where you want friction and focus without tipping into red-brown: product UI highlights for hardware and tools, supply-chain and retail ops dashboards, and packaging details that need to read "metal" at a glance. It's also a strong accent for charts, pricing pills, and section headers when the base neutrals are cream or oat.
Pair it with warm off-whites and charcoal-leaning neutrals so the copper reads intentional. Off to cool grays, it can start to look flat and brown faster than you'd expect.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.