Back to palettes

Palette

Verdigris Metal Age

A rustic blend of coppery browns and tarnished golds, reflecting antique metallic sheen.

earthretro5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdigris Metal Age 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 Verdigris Metal Age.

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

Data visualization

#8B4513#CD853F#B87333#DAA520#D2B48C

Palette guide

How to use Verdigris Metal Age

Overview

The Verdigris Metal Age palette evokes the warm, antique glow of tarnished metals, featuring a rich blend of coppery browns and golden hues. With deep tones like #8B4513 and #B87333 establishing a rustic foundation, it brightens through the vibrant #CD853F and the distinctive #DAA520. The soft #D2B48C provides a gentle, aged backdrop, completing this retro-inspired collection. This palette is perfect for designers aiming to convey history, warmth, and a touch of vintage charm. Developers can leverage these hues to create user interfaces that feel inviting, authentic, and visually rich, ideal for retro or heritage-themed projects.

Best used for

  • Vintage-inspired product branding
  • Retro gaming aesthetic
  • Antique shop or collectibles website
  • Craft distillery or brewery branding
  • Steampunk-themed designs
  • Rustic wedding invitations

Suggested color roles

primary

Utilize #8B4513 as a strong primary for main headers, backgrounds, or important brand elements, providing a deep, earthy anchor.

secondary

Apply #B87333 for supporting content, navigation, or larger graphic elements, reinforcing the metallic warmth.

accent

Highlight key calls-to-action or interactive elements with #DAA520, its goldenrod hue offering a bright, eye-catching contrast.

background

Employ #D2B48C for light, warm backgrounds, ensuring readability and maintaining the antique, soft aesthetic.

text

For body text, a dark brown like #8B4513 or a deep charcoal ensures excellent readability on lighter backgrounds like #D2B48C.

Accessibility notes

  • Ensure strong contrast when pairing darker shades like #8B4513 or #B87333 with #D2B48C for all text.
  • Be cautious with #DAA520 on #D2B48C for small text, as the contrast might be insufficient for WCAG AA.
  • For interactive elements using accent colors, confirm they provide clear visual feedback and sufficient contrast.
  • Always use a contrast checker to validate all text and background color combinations.

Recommended combinations

Tarnished Gold

Creates a rich, metallic feel, excellent for high-impact headers or luxury branding.

#8B4513 · #B87333 · #DAA520

Aged Patina

Ideal for subtle backgrounds, textures, or illustrations that need a worn, antique quality.

#CD853F · #D2B48C · #8B4513

Retro Warmth

Perfect for nostalgic designs, providing a warm and inviting feel for UI components or marketing materials.

#B87333 · #DAA520 · #D2B48C

CSS variables

:root {
  --verdigris-metal-age-1: #8B4513;
  --verdigris-metal-age-2: #CD853F;
  --verdigris-metal-age-3: #B87333;
  --verdigris-metal-age-4: #DAA520;
  --verdigris-metal-age-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdigris-metal-age": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#B87333",
        4: "#DAA520",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

antique metallic color palettecopper brown color schemeretro warm tonestarnished gold colorsearthy metallic palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#B87333
·
Color 4#DAA520
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
1.9:1Fail
3.2:1AA18
3.6:1AA18
2
2.4:1Fail
1.3:1Fail
1.3:1Fail
1.5:1Fail
3
1.9:1Fail
1.3:1Fail
1.7:1Fail
1.9:1Fail
4
3.2:1AA18
1.3:1Fail
1.7:1Fail
1.1:1Fail
5
3.6:1AA18
1.5:1Fail
1.9:1Fail
1.1:1Fail

Similar palettes

More like Verdigris Metal Age

View all earth