Palette

Aged Copper Patina

Inspired by the beautiful oxidation and rich history etched onto an old copper surface.

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

#52857C#A2624F#D67D48#E6BA7F#3A4A42

Palette guide

How to use Aged Copper Patina

Overview

The Aged Copper Patina palette captures the beautiful oxidation and rich history etched onto old copper surfaces. This unique collection blends the deep teal of #52857C, the warm rust of #A2624F, and the brighter copper of #D67D48, alongside the muted green of #3A4A42. It's perfect for designs seeking a vintage, rustic, or industrial aesthetic with a touch of elegance. 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

Industrial chic interior design
Vintage product branding
Craft beer labels
Heritage museum exhibits
Rustic wedding stationery
Steampunk-inspired digital art

Suggested color roles

primary

Use #A2624F as a dominant warm rust tone for headers or key content areas, providing a strong, inviting presence.

secondary

Employ #52857C for navigation or secondary sections, offering a cool, oxidized contrast that adds depth.

accent

Apply #D67D48 as a vibrant accent for calls-to-action or important highlights, mimicking bright, clean copper.

background

Utilize #3A4A42 as a deep, muted green background, grounding the palette and enhancing the other copper tones.

text

For body text, a light cream or white (e.g., #F5F5DC) provides excellent contrast against #3A4A42 or #52857C. For headlines, #E6BA7F can offer a metallic sheen on darker backgrounds.

Accessibility notes

Ensure strong contrast when placing #E6BA7F text on #3A4A42 or #52857C backgrounds for optimal readability.
Avoid using #D67D48 for small text on lighter backgrounds; it works best as an accent or large title.
Test color combinations for interactive elements to ensure they meet WCAG contrast guidelines.
Use a dark charcoal or black text (e.g., #222222) on #E6BA7F or #D67D48 if used as background.

Recommended combinations

Oxidized Depth

Creates a rich, layered effect, perfect for backgrounds or sections requiring a sense of aged history.

#3A4A42 · #52857C · #A2624F

Copper Glow

Highlights metallic warmth and shine, ideal for product showcases or vibrant UI elements.

#D67D48 · #E6BA7F · #A2624F

Rustic Contrast

Provides a balanced contrast between cool and warm, effective for distinct content blocks or branding.

#52857C · #D67D48 · #3A4A42

CSS variables

:root {
  --aged-copper-patina-2-1: #52857C;
  --aged-copper-patina-2-2: #A2624F;
  --aged-copper-patina-2-3: #D67D48;
  --aged-copper-patina-2-4: #E6BA7F;
  --aged-copper-patina-2-5: #3A4A42;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-copper-patina-2": {
        1: "#52857C",
        2: "#A2624F",
        3: "#D67D48",
        4: "#E6BA7F",
        5: "#3A4A42",
      }
    }
  }
}

Hex values

Color 1#52857C

Color 2#A2624F

Color 3#D67D48

Color 4#E6BA7F

Color 5#3A4A42

Accessibility

Contrast checker

1.1:1Fail

1.4:1Fail

2.3:1Fail

2.2:1Fail

1.1:1Fail

1.6:1Fail

2.7:1Fail

2:1Fail

1.4:1Fail

1.6:1Fail

1.7:1Fail

3.1:1AA18

2.3:1Fail

2.7:1Fail

1.7:1Fail

5.2:1AA

2.2:1Fail

2:1Fail

3.1:1AA18

5.2:1AA

Similar palettes

More like Aged Copper Patina

Steampunk Clockwork Gears

Sunken Shipwreck Rust

Vintage Bookstore Aged