Back to palettes

Palette

Aged Copper Patina

Rich, metallic tones of aged copper and bronze with a warm, rustic glow.

warmretro5 colors
More warm 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

#A52A2A#CD5C5C#B8860B#DAA520#D2B48C

Palette guide

How to use Aged Copper Patina

Overview

The Aged Copper Patina palette presents a rich collection of metallic tones, evoking the warm, rustic glow of aged copper and bronze. Featuring deep reds like #A52A2A and #CD5C5C, alongside golden bronzes such as #B8860B and #DAA520, this palette is perfect for designs seeking a vintage, luxurious, or earthy yet opulent aesthetic. Designers can leverage these hues to create a sense of history, warmth, and refined craftsmanship. The inclusion of #D2B48C offers a soft, grounding neutral, making this palette versatile for branding, web interfaces, and decorative elements that aim for a timeless and elegant appeal.

Best used for

  • High-end jewelry branding
  • Vintage decor websites
  • Autumnal marketing campaigns
  • Traditional interior design schemes
  • Craft spirits packaging
  • Luxury event invitations

Suggested color roles

primary

Use #A52A2A as a dominant, deep red for headers or key content areas, providing a rich, established feel.

secondary

Employ #B8860B for navigation or supporting sections, offering a sophisticated bronze contrast.

accent

Apply #DAA520 as a bright, metallic accent for calls-to-action or important highlights, mimicking polished gold.

background

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

text

For body text, a dark brown or black (e.g., #332211) ensures strong contrast against #D2B48C. For headlines, #A52A2A on #D2B48C provides excellent readability and warmth.

Accessibility notes

  • Ensure high contrast when using #A52A2A or #B8860B for text on #D2B48C backgrounds.
  • Avoid using #CD5C5C or #DAA520 for small text on light backgrounds due to potential low contrast.
  • Test color combinations for interactive elements, especially against varying background shades.
  • Consider pure black text on #D2B48C for maximum readability in body copy.

Recommended combinations

Rich Metallic

Creates a luxurious, metallic gradient, perfect for high-impact branding or decorative elements.

#A52A2A · #B8860B · #DAA520

Warm Glow

Highlights a soft, inviting warmth, ideal for backgrounds or showcasing delicate details.

#CD5C5C · #DAA520 · #D2B48C

Earthy Elegance

Provides a balanced contrast for main content blocks, combining deep reds with a neutral base and bronze accents.

#A52A2A · #D2B48C · #B8860B

CSS variables

:root {
  --aged-copper-patina-3-1: #A52A2A;
  --aged-copper-patina-3-2: #CD5C5C;
  --aged-copper-patina-3-3: #B8860B;
  --aged-copper-patina-3-4: #DAA520;
  --aged-copper-patina-3-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-copper-patina-3": {
        1: "#A52A2A",
        2: "#CD5C5C",
        3: "#B8860B",
        4: "#DAA520",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

aged bronze color schemecopper red palettevintage metallic warm colorsrustic gold designearthy luxury palette

Palette colors

Hex values

Color 1#A52A2A
·
Color 2#CD5C5C
·
Color 3#B8860B
·
Color 4#DAA520
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.2:1Fail
3.2:1AA18
3.6:1AA18
2
1.8:1Fail
1.2:1Fail
1.8:1Fail
2:1Fail
3
2.2:1Fail
1.2:1Fail
1.5:1Fail
1.7:1Fail
4
3.2:1AA18
1.8:1Fail
1.5:1Fail
1.1:1Fail
5
3.6:1AA18
2:1Fail
1.7:1Fail
1.1:1Fail

Similar palettes

More like Aged Copper Patina

View all warm