Back to palettes

Palette

Antique Copper Glow

The rich, aged warmth of antique copper with its beautiful, subtle glow.

earthretro5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Antique Copper Glow 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 Copper Glow.

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

Data visualization

#E7C5A3#C7A685#A8886C#8B6B54#6E503E

Palette guide

How to use Antique Copper Glow

Overview

The Antique Copper Glow palette radiates the warm, inviting essence of aged copper, perfect for designs seeking a retro or luxurious feel. Featuring rich, descending tones from the light #E7C5A3 to the deep #6E503E, this palette offers a spectrum of rustic elegance. Designers and developers can utilize these hues, including #C7A685, #A8886C, and #8B6B54, to create interfaces and visuals that evoke warmth, authenticity, and a touch of vintage charm. It's particularly effective for projects related to craftsmanship, cozy environments, or brands that wish to convey established quality and a welcoming atmosphere, blending timeless appeal with modern application.

Best used for

  • Vintage-inspired branding and logos
  • Cozy cafe or restaurant interiors
  • High-end artisanal product packaging
  • Retro website themes and UI
  • Fashion accessories design
  • Warm, inviting digital illustrations

Suggested color roles

primary

Use #6E503E as a grounding, deep copper tone for main sections or prominent UI elements.

secondary

Apply #8B6B54 for supporting elements, subheadings, or to add depth to illustrations.

accent

Highlight key information or interactive elements with #C7A685, providing a gentle, aged glow.

background

Employ #E7C5A3 for soft, warm backgrounds that enhance readability and create an inviting atmosphere.

text

For text on lighter backgrounds like #E7C5A3, use #6E503E or #8B6B54 for excellent contrast. On darker tones, a light cream or white will be most legible.

Accessibility notes

  • Ensure text in #6E503E has sufficient contrast on #E7C5A3 backgrounds for WCAG AA compliance.
  • Be cautious when pairing #A8886C with #8B6B54 for text to avoid low contrast issues.
  • Darker colors like #6E503E offer good readability for headings on lighter backgrounds.
  • Always test color combinations for readability, especially for body text and navigation links.

Recommended combinations

Copper Base

Establishes a rich, warm foundation for interfaces, providing depth and a sense of luxury.

#6E503E · #8B6B54 · #A8886C

Glow Accent

Ideal for highlighting features, subtle gradients, or creating an inviting, soft glow effect.

#E7C5A3 · #C7A685 · #8B6B54

Deep Patina

Use for strong visual contrast in headers or calls to action, blending deep tones with bright highlights.

#6E503E · #E7C5A3 · #C7A685

CSS variables

:root {
  --antique-copper-glow-1: #E7C5A3;
  --antique-copper-glow-2: #C7A685;
  --antique-copper-glow-3: #A8886C;
  --antique-copper-glow-4: #8B6B54;
  --antique-copper-glow-5: #6E503E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-copper-glow": {
        1: "#E7C5A3",
        2: "#C7A685",
        3: "#A8886C",
        4: "#8B6B54",
        5: "#6E503E",
      }
    }
  }
}

Related searches

antique copper color schemewarm metal paletteretro brown colorsaged copper brandingrustic gold tones

Palette colors

Hex values

Color 1#E7C5A3
·
Color 2#C7A685
·
Color 3#A8886C
·
Color 4#8B6B54
·
Color 5#6E503E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3:1Fail
4.5:1AA18
2
1.4:1Fail
1.4:1Fail
2.1:1Fail
3.2:1AA18
3
2:1Fail
1.4:1Fail
1.5:1Fail
2.2:1Fail
4
3:1Fail
2.1:1Fail
1.5:1Fail
1.5:1Fail
5
4.5:1AA18
3.2:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Antique Copper Glow

View all earth