Back to palettes

Palette

Aged Patina Copper

Muted greens and earthy browns reflecting the beautiful oxidation of aged copper.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Patina Copper 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 Patina Copper.

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

Data visualization

#4A4A2A#6E6F48#97956B#BFBF91#D8D8B6

Palette guide

How to use Aged Patina Copper

Overview

The Aged Patina Copper palette captures the beautiful oxidation of aged copper through muted greens and earthy browns. This unique collection ranges from the deep, complex #4A4A2A to the light, almost silvery #D8D8B6, with harmonious mid-tones like #6E6F48, #97956B, and #BFBF91. The palette is designed to convey a sense of natural weathering, industrial heritage, and sophisticated organic appeal. Designers can leverage these colors to create distinctive branding, rustic editorial content, or user interfaces that feel both established and subtly intriguing. Developers will find these hex codes excellent for building cohesive digital experiences that evoke a natural, vintage charm and a profound sense of material history, perfect for artisanal or heritage brands.

Best used for

  • Branding for artisanal metalwork or craft breweries
  • Website designs for industrial heritage sites or museums
  • Nature-inspired product packaging (e.g., organic cosmetics)
  • UI themes for environmental or historical apps
  • Rustic interior design mood boards
  • Digital art and illustrations with an organic, weathered feel

Suggested color roles

primary

#4A4A2A - A deep, muted olive-brown, ideal for primary text, strong headings, or navigation elements, providing a robust, grounding presence.

secondary

#6E6F48 - A rich, earthy green that complements the primary, suitable for subheadings, important calls-to-action, or content dividers.

accent

#97956B - A soft, desaturated green-yellow that can highlight interactive elements, small illustrations, or key information, adding subtle warmth and visual interest.

background

#D8D8B6 - The lightest shade, an almost silvery beige-green, serving as an ideal, breathable canvas for body text, mimicking aged patina.

text

#4A4A2A - For main body text on light backgrounds like #D8D8B6, ensuring optimal readability and a natural, historical aesthetic.

Accessibility notes

  • Ensure strong contrast between #4A4A2A text and #D8D8B6 background to meet WCAG AA standards for readability.
  • Avoid using mid-tones like #97956B or #BFBF91 for small text on backgrounds with similar lightness to prevent readability issues.
  • The lightest color, #D8D8B6, provides a good base; ensure it doesn't blend too much with a pure white page background if used subtly.
  • For interactive elements, implement clear hover and focus states using a contrasting color from the palette, such as #6E6F48 for outlines.

Recommended combinations

Patina Contrast

Essential high-contrast pairing for body text and background, with an earthy green for headings or secondary content.

#D8D8B6 · #4A4A2A · #6E6F48

Weathered Layers

Creates a soft, layered effect, ideal for visual depth in illustrations, banners, or sophisticated UI elements with an organic feel.

#97956B · #BFBF91 · #4A4A2A

Oxidized Green

Provides a fresh, yet aged, aesthetic suitable for content cards, subtle gradients, or comfortable UI components with a natural touch.

#6E6F48 · #D8D8B6 · #97956B

CSS variables

:root {
  --aged-patina-copper-1: #4A4A2A;
  --aged-patina-copper-2: #6E6F48;
  --aged-patina-copper-3: #97956B;
  --aged-patina-copper-4: #BFBF91;
  --aged-patina-copper-5: #D8D8B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-patina-copper": {
        1: "#4A4A2A",
        2: "#6E6F48",
        3: "#97956B",
        4: "#BFBF91",
        5: "#D8D8B6",
      }
    }
  }
}

Related searches

aged copper patina colorsweathered green brown palettevintage metallic aestheticearthy industrial designnatural oxidation tones

Palette colors

Hex values

Color 1#4A4A2A
·
Color 2#6E6F48
·
Color 3#97956B
·
Color 4#BFBF91
·
Color 5#D8D8B6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1Fail
4.8:1AA
6.3:1AA
2
1.7:1Fail
1.7:1Fail
2.7:1Fail
3.6:1AA18
3
3:1Fail
1.7:1Fail
1.6:1Fail
2.1:1Fail
4
4.8:1AA
2.7:1Fail
1.6:1Fail
1.3:1Fail
5
6.3:1AA
3.6:1AA18
2.1:1Fail
1.3:1Fail

Similar palettes

More like Aged Patina Copper

View all earth
Aged Leather Comfort
Aged Manuscript Bindings
Ancient Scrolls Earth
Antique Sage Study
Bohemian Earth
Bohemian Earth Weave