Back to palettes

Palette

Antique Metal Patina

Subtle, muted tones mimicking the aged and textured patinas found on antique metals and artifacts.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4E4B3E#7D725C#9F9B8C#B9B8AC#DCDCCD

Palette guide

How to use Antique Metal Patina

Overview

The Antique Metal Patina palette offers a sophisticated range of muted, earthy tones, perfect for designs aiming for an aged, subtle, and vintage metallic feel. Inspired by oxidized metals, this collection features hues from the deep, grounding #4E4B3E to the soft, almost pearlescent #DCDCCD. Intermediate shades like #7D725C and #9F9B8C provide excellent depth and versatility for creating textured backgrounds or understated branding. Designers can leverage this palette for luxurious packaging, historical interfaces, or minimalist architectural visualizations. Developers will find these hex codes ideal for crafting elegant UI elements, backgrounds, and thematic content that exudes a quiet, refined sense of history and craftsmanship.

Best used for

  • Luxury product branding and packaging
  • Architectural visualization and interior design concepts
  • Vintage-inspired app interfaces
  • Museum exhibit design or historical websites
  • Jewelry and artisan craft promotion
  • Minimalist design projects requiring subtle texture

Suggested color roles

primary

Utilize #4E4B3E as a strong, foundational color for main headings, navigation, or dark background sections, providing a sense of gravitas.

secondary

Employ #7D725C for supporting design elements, sub-sections, or larger areas that need a rich, aged quality without being overly dark.

accent

Introduce #B9B8AC for subtle highlights, interactive states, or delicate graphic elements to mimic the soft sheen of aged metal.

background

The lightest shade, #DCDCCD, makes an excellent clean, muted background, offering a gentle canvas that allows other palette colors to stand out gracefully.

text

For primary body text, #4E4B3E provides excellent contrast against #DCDCCD or #B9B8AC. For a slightly softer read, consider #7D725C on the lightest background.

Accessibility notes

  • Ensure text in #4E4B3E on #DCDCCD meets WCAG AA contrast standards for readability.
  • Avoid using #9F9B8C or #B9B8AC for small text on the lightest background #DCDCCD as contrast might be insufficient.
  • Use large font sizes or bolding for text in mid-tones like #7D725C when placed on lighter backgrounds.
  • Verify that interactive elements have sufficient contrast in all states, especially hover and focus.

Recommended combinations

Patina Base

Create a sophisticated base for content, with light background, dark text, and a mid-tone for secondary info.

#DCDCCD · #4E4B3E · #7D725C

Aged Contrast

Ideal for layered UI elements or subtle branding where depth and a vintage metallic feel are desired.

#7D725C · #B9B8AC · #4E4B3E

Subtle Highlight

Perfect for backgrounds with subtle texture or for decorative elements that require a soft, understated glow.

#9F9B8C · #DCDCCD · #B9B8AC

CSS variables

:root {
  --antique-metal-patina-1: #4E4B3E;
  --antique-metal-patina-2: #7D725C;
  --antique-metal-patina-3: #9F9B8C;
  --antique-metal-patina-4: #B9B8AC;
  --antique-metal-patina-5: #DCDCCD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-metal-patina": {
        1: "#4E4B3E",
        2: "#7D725C",
        3: "#9F9B8C",
        4: "#B9B8AC",
        5: "#DCDCCD",
      }
    }
  }
}

Related searches

aged metal color schemevintage neutral palettesubtle metallic tonesearthy gray color codespatina effect colors

Palette colors

Hex values

Color 1#4E4B3E
·
Color 2#7D725C
·
Color 3#9F9B8C
·
Color 4#B9B8AC
·
Color 5#DCDCCD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.1:1AA18
4.4:1AA18
6.3:1AA
2
1.8:1Fail
1.7:1Fail
2.4:1Fail
3.4:1AA18
3
3.1:1AA18
1.7:1Fail
1.4:1Fail
2:1Fail
4
4.4:1AA18
2.4:1Fail
1.4:1Fail
1.4:1Fail
5
6.3:1AA
3.4:1AA18
2:1Fail
1.4:1Fail

Similar palettes

More like Antique Metal Patina

View all neutral
Aged Library Bound
Ancient Fossil Bone
Aged Parchment Wisdom
Aged Tome Parchment
Ancient Papyrus Hue
Ancient Papyrus Parchment