Palette

Antique Bronze Patina

Rich, aged browns and greens that emulate the weathered beauty of antique bronze with a deep patina.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A3B2F#6F5C4B#9B8B7A#C2B2A3#3A2D23

Palette guide

How to use Antique Bronze Patina

Overview

The Antique Bronze Patina palette captures the deep, rich essence of aged metal, offering a sophisticated and earthy feel. Dominated by warm browns like #4A3B2F and #6F5C4B, it evokes a sense of history and natural elegance. Designers and developers can leverage this scheme for projects requiring a rustic, vintage, or heritage aesthetic. The lighter hues, such as #9B8B7A and #C2B2A3, provide excellent contrast and allow for depth, while the very dark #3A2D23 grounds the entire composition. This palette is ideal for creating designs that feel established, authentic, and connected to artisanal craftsmanship, bringing a timeless quality to digital and physical products alike.

Best used for

Rustic interior design themes
Vintage brand identity and logos
Historical documentary website design
Artisanal product packaging
Outdoor adventure gear branding
Earthy UI elements and backgrounds

Suggested color roles

primary

Use #4A3B2F as a foundational dark brown for major sections or deep backgrounds, providing gravitas.

secondary

Apply #6F5C4B for supportive elements, subheadings, or as a rich base color in visual compositions.

accent

Highlight details and interactive elements with #9B8B7A, offering a subtle aged bronze gleam.

background

Utilize #C2B2A3 for light, inviting backgrounds that enhance readability and provide a soft canvas.

text

For dark text on light backgrounds, use #3A2D23 for optimal contrast and a cohesive antique feel. On darker backgrounds, consider a near-white or very light beige for readability.

Accessibility notes

Ensure sufficient contrast between #3A2D23 text on #C2B2A3 backgrounds for WCAG AA compliance.
Avoid using #9B8B7A for small text directly on #6F5C4B to prevent readability issues.
Darker hues like #4A3B2F work well as text on lighter backgrounds like #C2B2A3.
Test color pairs using accessibility checkers, especially for interactive elements and form fields.

Recommended combinations

Rustic Core

Ideal for establishing a deep, earthy foundation in branding or UI, providing a sense of heritage.

#3A2D23 · #6F5C4B · #9B8B7A

Aged Patina

Perfect for subtle accents, textured backgrounds, or secondary graphic elements that suggest age.

#9B8B7A · #C2B2A3 · #6F5C4B

Deep Contrast

Use for strong visual hierarchy, headings, and clear content blocks where readability is paramount.

#4A3B2F · #C2B2A3 · #3A2D23

CSS variables

:root {
  --antique-bronze-patina-1: #4A3B2F;
  --antique-bronze-patina-2: #6F5C4B;
  --antique-bronze-patina-3: #9B8B7A;
  --antique-bronze-patina-4: #C2B2A3;
  --antique-bronze-patina-5: #3A2D23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-bronze-patina": {
        1: "#4A3B2F",
        2: "#6F5C4B",
        3: "#9B8B7A",
        4: "#C2B2A3",
        5: "#3A2D23",
      }
    }
  }
}

Hex values

Color 1#4A3B2F

Color 2#6F5C4B

Color 3#9B8B7A

Color 4#C2B2A3

Color 5#3A2D23

Accessibility

Contrast checker

1.7:1Fail

3.3:1AA18

5.2:1AA

1.2:1Fail

1.7:1Fail

1.9:1Fail

3.1:1AA18

2.1:1Fail

3.3:1AA18

1.9:1Fail

1.6:1Fail

4:1AA18

5.2:1AA

3.1:1AA18

1.6:1Fail

6.5:1AA

1.2:1Fail

2.1:1Fail

4:1AA18

6.5:1AA

Similar palettes

More like Antique Bronze Patina

View all earth

Aged Copper Patina

Ancient Amphora Vessel