Palette

Aged Bronze Relic

Warm, tarnished browns and subtle coppers replicate the historical beauty of an ancient bronze artifact, weathered by time.

earthretro5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A3F33#7A675B#9D8F83#B5AB9B#CCC4BA

Palette guide

How to use Aged Bronze Relic

Overview

The Aged Bronze Relic palette features warm, tarnished browns and subtle coppers, replicating the historical beauty of an ancient bronze artifact, weathered by time. This earthy and retro collection includes a deep coffee brown #4A3F33, a rich sepia #7A675B, a muted bronze #9D8F83, a light taupe #B5AB9B, and a very pale beige #CCC4BA. It's perfect for designers aiming to convey history, durability, and a sense of vintage luxury. Developers will find these harmonious hex codes excellent for creating nostalgic interfaces, heritage branding, and content that evokes timelessness and craftsmanship.

Best used for

Historical preservation societies
Vintage collectible shops
Artisan craft breweries
Luxury leather goods brands
Museum exhibit design
Retro-themed editorial layouts

Suggested color roles

primary

Use #7A675B as a grounding primary for main headings or key brand elements, symbolizing aged metal.

secondary

Employ #9D8F83 for secondary information or large content blocks, adding a soft, weathered feel.

accent

Apply #4A3F33 sparingly for impactful calls to action or important details, providing deep contrast.

background

Utilize #CCC4BA for clean, expansive backgrounds, mimicking an ancient, sun-faded canvas.

text

A deep brown or black works perfectly on #CCC4BA, while white text is ideal on #4A3F33 for strong readability.

Accessibility notes

Ensure sufficient contrast for text on #CCC4BA; a dark text color like #4A3F33 is essential.
Avoid using #B5AB9B for text against #CCC4BA as contrast will be too low for readability.
White text on #4A3F33 and #7A675B should meet WCAG AA contrast standards.
For interactive elements, ensure distinct visual cues beyond color, especially with subtle brown tones.

Recommended combinations

Relic Layers

For layered UI elements or gradients, mimicking the patina of aged bronze.

#4A3F33 · #7A675B · #9D8F83

Weathered Stone

Ideal for clean backgrounds or delicate design elements, creating a refined, aged look.

#CCC4BA · #B5AB9B · #9D8F83

Ancient Artifact

Effective for headers or footers, offering strong contrast and a historical mood.

#4A3F33 · #B5AB9B · #CCC4BA

CSS variables

:root {
  --aged-bronze-relic-1: #4A3F33;
  --aged-bronze-relic-2: #7A675B;
  --aged-bronze-relic-3: #9D8F83;
  --aged-bronze-relic-4: #B5AB9B;
  --aged-bronze-relic-5: #CCC4BA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-bronze-relic": {
        1: "#4A3F33",
        2: "#7A675B",
        3: "#9D8F83",
        4: "#B5AB9B",
        5: "#CCC4BA",
      }
    }
  }
}

Hex values

Color 1#4A3F33

Color 2#7A675B

Color 3#9D8F83

Color 4#B5AB9B

Color 5#CCC4BA

Accessibility

Contrast checker

1.9:1Fail

3.3:1AA18

4.5:1AA

5.9:1AA

1.9:1Fail

1.7:1Fail

2.4:1Fail

3.1:1AA18

3.3:1AA18

1.7:1Fail

1.4:1Fail

1.8:1Fail

4.5:1AA

2.4:1Fail

1.4:1Fail

1.3:1Fail

5.9:1AA

3.1:1AA18

1.8:1Fail

1.3:1Fail

Similar palettes

More like Aged Bronze Relic

View all earth

Antique Copper Glow

Steampunk Gears Bronze

Aged Copper Patina

Ancient Map Parchment

Gilded Scroll Ancient

Industrial Gear Rust