Back to palettes

Palette

Aged Copper Patina

Evokes the rich, varied textures and colors of weathered copper developing a beautiful green-brown patina.

earthnatural5 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

#8B4513#CD853F#B87333#D2B48C#4F3C2C

Palette guide

How to use Aged Copper Patina

Overview

The Aged Copper Patina palette evokes the rich, varied textures and colors of weathered copper developing a beautiful green-brown patina. Anchored by deep browns like #8B4513 and #4F3C2C, it includes the vibrant copper of #B87333 and the lighter, aged tone of #D2B48C. This palette is perfect for designs aiming for a rustic, antique, or natural aesthetic with a touch of industrial elegance. Designers can use these warm, earthy hues to convey durability, history, and organic beauty. It's versatile for branding, web interfaces, and print materials, providing a grounded yet sophisticated visual experience.

Best used for

  • Rustic furniture design inspiration
  • Outdoor adventure branding
  • Coffee and tea packaging
  • Vintage photography filters
  • Artisan craft websites
  • Heritage architecture presentations

Suggested color roles

primary

Use #8B4513 as a dominant, rich brown for headers or key content areas, providing a strong, earthy foundation.

secondary

Employ #CD853F for navigation or supporting sections, offering a lighter, warmer copper tone.

accent

Apply #B87333 as a vibrant accent for calls-to-action or important highlights, mimicking polished copper.

background

Utilize #D2B48C as a soft, warm neutral background, allowing the deeper browns and copper tones to stand out.

text

For body text, a dark brown or charcoal (e.g., #4F3C2C) provides excellent contrast against #D2B48C. For headlines, #8B4513 offers a distinguished look on lighter backgrounds.

Accessibility notes

  • Ensure high contrast for text in #4F3C2C or #8B4513 against #D2B48C backgrounds.
  • Avoid using #B87333 or #CD853F for small body text on lighter backgrounds; reserve them for accents or larger type.
  • Test color pairings for interactive elements to guarantee they meet WCAG contrast requirements.
  • Consider using a pure black or very dark brown for body copy on very light backgrounds for optimal readability.

Recommended combinations

Deep Patina

Creates a grounded, rustic feel with a touch of lightness, ideal for backgrounds and primary content.

#4F3C2C · #8B4513 · #D2B48C

Copper Sheen

Highlights metallic warmth and shine, perfect for product features or vibrant UI elements.

#CD853F · #B87333 · #D2B48C

Earthy Contrast

Provides a strong, balanced look, excellent for distinct content blocks or branded sections.

#8B4513 · #D2B48C · #4F3C2C

CSS variables

:root {
  --aged-copper-patina-4-1: #8B4513;
  --aged-copper-patina-4-2: #CD853F;
  --aged-copper-patina-4-3: #B87333;
  --aged-copper-patina-4-4: #D2B48C;
  --aged-copper-patina-4-5: #4F3C2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-copper-patina-4": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#B87333",
        4: "#D2B48C",
        5: "#4F3C2C",
      }
    }
  }
}

Related searches

weathered copper colorsrustic brown paletteantique metal color schemeearthy copper tonesnatural patina design

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#B87333
·
Color 4#D2B48C
·
Color 5#4F3C2C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
1.9:1Fail
3.6:1AA18
1.5:1Fail
2
2.4:1Fail
1.3:1Fail
1.5:1Fail
3.5:1AA18
3
1.9:1Fail
1.3:1Fail
1.9:1Fail
2.7:1Fail
4
3.6:1AA18
1.5:1Fail
1.9:1Fail
5.3:1AA
5
1.5:1Fail
3.5:1AA18
2.7:1Fail
5.3:1AA

Similar palettes

More like Aged Copper Patina

View all earth