Copper Patina

#9db4a0

Muted warm patina green-gray for vintage contrast

Save
Share

About Copper Patina

Copper Patina reads like it's been outside for exactly the right amount of time, muted enough to feel seasoned, but still holding actual color underneath. It's cooler and slightly more saturated than , which gives it a little more presence without ever getting loud. Where sits almost gray and and leans warm, this one lands in a quieter, more mineral place, like oxidized metal or aged stone that's picked up a green patina over years.

Use it on dashboards, data visualizations, and enterprise interfaces where you need a background that feels sophisticated without being corporate. It works in health apps, architectural portfolios, and editorial layouts, anywhere calm and credible matter more than friendly. The saturation holds type cleanly, pairs with slate grays and deep charcoals, and stays readable against both white and warm wood tones without the softness that brings or the approachability and offers.

The thing: it's slightly cooler than it first appears, so test it against your neutrals before committing. It'll feel noticeably less warm next to cream or off-white than the other greens in this family, which is exactly why you reach for it when the mood needs to be precise.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.22:1Fail

On Gray 100 #f5f5f5

Aa
2.03:1Fail

On Gray 900 #18181b

Aa
7.99:1AAA

On Black #000000

Aa
9.47:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#a8b59e
#abb39e
#91b6ac
#a9b4a9
#8ebaa6

Create a gradient with Copper Patina

Open the generator with this color pre-loaded.

Start creating