Palette

Ancient Copper Relic

Shines with the deep, lustrous hues of aged copper and ancient, treasured relics.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Copper 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 Ancient Copper Relic.

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

Data visualization

#B87333#D49D6B#EED7B5#9E622B#7E522C

Palette guide

How to use Ancient Copper Relic

Overview

The Ancient Copper Relic palette evokes the timeless elegance of aged metallic surfaces and treasured artifacts. Featuring rich, warm tones like the classic copper of #B87333 and the deeper, more oxidized #7E522C, it's perfect for projects requiring a sense of history and refined luxury. The lighter shades, such as the soft #EED7B5, offer excellent contrast and breathability, preventing the palette from becoming overly heavy. Designers can leverage this collection for sophisticated branding, rustic-chic interiors, or digital interfaces that aim for a warm, inviting, and established feel. It beautifully balances deep, grounding hues with brighter, reflective accents, mirroring the play of light on an antique finish.

Best used for

Luxury brand websites and packaging
Interior design for rustic or vintage spaces
High-end product photography backdrops
Digital art and illustration with an antique theme
Themed event invitations and decor
Editorial design for history or art publications

Suggested color roles

primary

#B87333 (Copper) - Ideal for main headings, calls to action, or prominent UI elements to convey richness and importance.

secondary

#D49D6B (Lighter Copper) - Excellent for subheadings, secondary buttons, or large content blocks to add warmth without overwhelming.

accent

#EED7B5 (Patina Gold) - Use sparingly for highlights, small icons, or interactive states to add a delicate, aged shimmer.

background

#EED7B5 (Patina Gold) - A soft, light background that provides excellent readability for darker text and allows other palette colors to shine.

text

#7E522C (Deep Bronze) - Provides strong contrast against lighter backgrounds like #EED7B5, ensuring readability for body text and labels.

Accessibility notes

Ensure sufficient contrast between #7E522C text and #EED7B5 backgrounds for WCAG AA compliance.
Avoid using #D49D6B directly on #B87333 for text, as their similar value might reduce readability.
Use #EED7B5 as a background for form fields to ensure accessibility against darker text.
Consider a slightly darker shade for text on #D49D6B backgrounds if the text is small.

Recommended combinations

Classic Patina

Perfect for elegant headers, subtext, and body copy in branding or web design.

#B87333 · #EED7B5 · #7E522C

Aged Warmth

Great for showcasing product details or feature sections with a soft, inviting glow.

#D49D6B · #9E622B · #EED7B5

Deep Relic

Effective for creating depth in UI elements or background patterns, with #D49D6B as a subtle highlight.

#7E522C · #B87333 · #D49D6B

CSS variables

:root {
  --ancient-copper-relic-1: #B87333;
  --ancient-copper-relic-2: #D49D6B;
  --ancient-copper-relic-3: #EED7B5;
  --ancient-copper-relic-4: #9E622B;
  --ancient-copper-relic-5: #7E522C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-copper-relic": {
        1: "#B87333",
        2: "#D49D6B",
        3: "#EED7B5",
        4: "#9E622B",
        5: "#7E522C",
      }
    }
  }
}

Hex values

Color 1#B87333

Color 2#D49D6B

Color 3#EED7B5

Color 4#9E622B

Color 5#7E522C

Accessibility

Contrast checker

1.6:1Fail

2.7:1Fail

1.3:1Fail

1.8:1Fail

1.6:1Fail

1.7:1Fail

2.1:1Fail

2.8:1Fail

2.7:1Fail

1.7:1Fail

3.5:1AA18

4.8:1AA

1.3:1Fail

2.1:1Fail

3.5:1AA18

1.4:1Fail

1.8:1Fail

2.8:1Fail

4.8:1AA

1.4:1Fail

Similar palettes

More like Ancient Copper Relic