Palette

Aged Bronze Patina

The deep, rich hues of aged bronze, showing years of elegant oxidation and character.

EarthElegant5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#A0522D#CD853F#B8860B#654321

Palette guide

How to use Aged Bronze Patina

Overview

The Aged Bronze Patina palette captures the deep, rich hues of aged bronze, showing years of elegant oxidation and character. This sophisticated earthy collection includes a deep brown #654321, a rich saddle brown #8B4513, a warm rust #A0522D, a shimmering copper #CD853F, and a golden bronze #B8860B. It's perfect for designers aiming to convey luxury, heritage, and a sense of timeless craftsmanship. Developers will find these robust hex codes excellent for creating opulent interfaces, premium branding, and content that evokes antique elegance and enduring quality.

Best used for

Luxury watch or jewelry brands
Antique restoration services
High-end furniture design
Historical museum branding
Premium spirits packaging
Elegant event invitations

Suggested color roles

primary

Use #8B4513 as a strong primary for main headings or key brand elements, embodying rich bronze.

secondary

Employ #A0522D for secondary information or large content blocks, adding warmth and depth.

accent

Apply #B8860B sparingly for impactful calls to action or metallic highlights, providing a luxurious shimmer.

background

A deep cream or very light beige (e.g., #FBF8F3) would provide an elegant backdrop for these rich tones.

text

White text works beautifully on #654321 and #8B4513, while a dark brown like #654321 provides contrast on #CD853F.

Accessibility notes

Ensure sufficient contrast for text on #CD853F and #B8860B; use dark brown or black.
White text on #8B4513, #A0522D, and #654321 should meet WCAG AA contrast standards.
Avoid using #CD853F for text against #B8860B as contrast will be insufficient.
For interactive elements, ensure distinct visual cues beyond color, especially with similar warm metallic tones.

Recommended combinations

Bronze Layers

For layered UI elements or gradients, mimicking aged metal textures.

#654321 · #8B4513 · #A0522D

Patina Glow

Ideal for highlights or accents, reflecting the subtle sheen of aged bronze.

#B8860B · #CD853F · #8B4513

Antique Depth

Effective for footers or distinct content blocks, offering rich warmth and elegance.

#654321 · #A0522D · #B8860B

CSS variables

:root {
  --aged-bronze-patina-1: #8B4513;
  --aged-bronze-patina-2: #A0522D;
  --aged-bronze-patina-3: #CD853F;
  --aged-bronze-patina-4: #B8860B;
  --aged-bronze-patina-5: #654321;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-bronze-patina": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#CD853F",
        4: "#B8860B",
        5: "#654321",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#A0522D

Color 3#CD853F

Color 4#B8860B

Color 5#654321

Accessibility

Contrast checker

1.3:1Fail

2.4:1Fail

2.2:1Fail

1.2:1Fail

1.3:1Fail

1.9:1Fail

1.7:1Fail

1.6:1Fail

2.4:1Fail

1.9:1Fail

1.1:1Fail

3:1Fail

2.2:1Fail

1.7:1Fail

1.1:1Fail

2.7:1Fail

1.2:1Fail

1.6:1Fail

3:1Fail

2.7:1Fail

Similar palettes

More like Aged Bronze Patina

View all Earth

Ancient Bronze Patina

Jade Empress Dream

Aged Cartographer Hues

Ancient Roman Fresco

Ancient Rune Carving

Rustic Barn Charm