Back to palettes

Palette

Aged Copper Patina

Inspired by the beautiful blue-green and bronze oxidation found on aged copper.

earthretro5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Copper Patina reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Aged Copper Patina.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#3D3B3C#5C7F72#A8B8A0#F4CCAE#CC9F72

Palette guide

How to use Aged Copper Patina

Overview

The Aged Copper Patina palette is inspired by the beautiful blue-green and bronze oxidation found on aged copper. This unique collection blends the deep grey of #3D3B3C, the muted teal-green of #5C7F72, and the softer sage of #A8B8A0, with warm copper accents like #F4CCAE and #CC9F72. It's perfect for designs seeking a vintage, industrial, or organic aesthetic with a touch of refined history. Designers can leverage these distinct hues to evoke a sense of heritage, craftsmanship, and natural transformation. The palette offers versatility for branding, web interfaces, and decorative elements, providing a sophisticated yet earthy feel that stands out.

Best used for

  • Vintage industrial branding
  • Eco-friendly product packaging
  • Architectural design mood boards
  • Artisan craft websites
  • Steampunk-themed digital art
  • Historical preservation projects

Suggested color roles

primary

Use #5C7F72 as a dominant muted teal-green for headers or key content areas, providing a calm, established presence.

secondary

Employ #A8B8A0 for navigation or supporting sections, offering a lighter, softer green contrast.

accent

Apply #CC9F72 as a warm copper accent for calls-to-action or important highlights, mimicking aged bronze.

background

Utilize #3D3B3C as a deep, sophisticated grey background, grounding the palette and enhancing the other tones.

text

For body text, a light cream or white (e.g., #F0F0F0) provides excellent contrast against #3D3B3C or #5C7F72. For headlines, #F4CCAE can offer a soft metallic sheen on darker backgrounds.

Accessibility notes

  • Ensure strong contrast when placing #F4CCAE or white text on #3D3B3C or #5C7F72 backgrounds for readability.
  • Avoid using #A8B8A0 for small text on lighter backgrounds; reserve it for accents or larger display text.
  • Test color combinations for interactive elements to ensure they meet WCAG contrast guidelines.
  • Use a dark charcoal or black text (e.g., #222222) on #F4CCAE or #CC9F72 if used as background.

Recommended combinations

Oxidized Gradient

Creates a smooth, natural progression from dark grey to soft green, ideal for backgrounds or layered elements.

#3D3B3C · #5C7F72 · #A8B8A0

Copper Highlight

Emphasizes the warm, metallic glow against a cool green, perfect for calls-to-action or key features.

#CC9F72 · #F4CCAE · #5C7F72

Earthy Balance

Provides a balanced contrast of light, warm, and dark, suitable for distinct content blocks or branding.

#A8B8A0 · #CC9F72 · #3D3B3C

CSS variables

:root {
  --aged-copper-patina-5-1: #3D3B3C;
  --aged-copper-patina-5-2: #5C7F72;
  --aged-copper-patina-5-3: #A8B8A0;
  --aged-copper-patina-5-4: #F4CCAE;
  --aged-copper-patina-5-5: #CC9F72;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-copper-patina-5": {
        1: "#3D3B3C",
        2: "#5C7F72",
        3: "#A8B8A0",
        4: "#F4CCAE",
        5: "#CC9F72",
      }
    }
  }
}

Related searches

aged copper green blue palettepatina metal colorsvintage industrial color schemeearthy bronze tonesmuted teal rust design

Palette colors

Hex values

Color 1#3D3B3C
·
Color 2#5C7F72
·
Color 3#A8B8A0
·
Color 4#F4CCAE
·
Color 5#CC9F72
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
5.3:1AA
7.5:1AAA
4.6:1AA
2
2.5:1Fail
2.1:1Fail
3:1Fail
1.9:1Fail
3
5.3:1AA
2.1:1Fail
1.4:1Fail
1.1:1Fail
4
7.5:1AAA
3:1Fail
1.4:1Fail
1.6:1Fail
5
4.6:1AA
1.9:1Fail
1.1:1Fail
1.6:1Fail

Similar palettes

More like Aged Copper Patina

View all earth
Steampunk Gears Bronze
Urban Rust Patina
Aged Bronze Relic
Aged Copper Patina
Ancient Map Parchment
Antique Copper Glow