Copperhead
#d68755
Coppery orange-brown midtone for sharper yellow balances
About Copperhead
Copperhead sits between clay and rust, muted enough to ground a layout but warm enough to feel intentional. It's the orange that doesn't announce itself, there's less yellow scream than Bourbon Peach, less brown-forward weight than Cognac, and way less saturation than Caramelise. This one has restraint built in. It reads as terracotta, which means it works harder than it looks.
Use it in product interfaces for craft goods, heritage brands, and cultural institutions, think artisan storefronts, museum sites, antique marketplaces. It's good on card backgrounds where you need warmth without aggression, as a container for photography in editorial layouts, or as accent color in navigation where you want presence but not urgency. The muted tone keeps it from feeling cheap or generic the way lighter yellows can, but it won't compete with the imagery it frames.
Pair it with charcoal or warm grays and it settles immediately. Against cream or pale backgrounds though, test it first, the desaturation can flatten the contrast instead of sharpening it. It's the color you reach for when orange feels too loud and brown feels too heavy.
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.