Back to palettes

Palette

Vintage Patina Bronze

A sophisticated range of muted browns and greys, like antique bronze developing a beautiful patina.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Patina Bronze 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 Vintage Patina Bronze.

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

Data visualization

#5C3D2F#7E5F4E#A08B7F#C3B7B1#DEDADA

Palette guide

How to use Vintage Patina Bronze

Overview

The Vintage Patina Bronze palette offers a sophisticated range of muted browns and greys, meticulously curated to evoke the elegant transformation of antique bronze developing a beautiful patina. This palette transitions from the light, almost silvery #DEDADA to the deep, grounding #5C3D2F. Mid-tones like #C3B7B1, #A08B7F, and #7E5F4E provide subtle variations, adding depth and character. Designers can harness these hues to create designs with a sense of refined age, industrial elegance, or understated luxury. It's particularly effective for projects that aim for a classic yet contemporary feel, blending history with modern aesthetics.

Best used for

  • High-end architectural renderings
  • Branding for luxury watches or jewelry
  • Industrial chic interior design
  • Sophisticated web dashboards
  • Art gallery or museum websites
  • Packaging for premium spirits or coffee

Suggested color roles

primary

A rich, warm brown that serves as a strong primary color, conveying sophistication and a sense of established quality with #7E5F4E.

secondary

A lighter, more desaturated brown-grey, excellent for secondary elements, background textures, or subtle UI components, adding depth with #A08B7F.

accent

A delicate, almost metallic light grey-brown, perfect for subtle highlights, interactive states, or decorative flourishes, mimicking aged metal with #C3B7B1.

background

A very light, neutral grey, #DEDADA, providing a clean yet soft background that allows other colors to stand out while maintaining an aged feel.

text

The darkest, most grounded color, #5C3D2F, is ideal for body text and headlines, ensuring excellent readability and a strong, elegant presence.

Accessibility notes

  • Ensure #5C3D2F text on #DEDADA backgrounds meets WCAG AA or AAA contrast levels.
  • Exercise caution when using #A08B7F or #C3B7B1 for text on similarly light backgrounds to avoid readability issues.
  • Always check the contrast of interactive elements to guarantee they are easily distinguishable.
  • For critical information, consider using a pure black if the darkest palette color does not meet contrast needs on specific bright accents.

Recommended combinations

Patina Contrast

High-contrast pairing for clear text on a light, neutral background, evoking aged metal.

#DEDADA · #5C3D2F · #7E5F4E

Bronze Gradient

Creates a smooth, metallic-like transition for layered elements, data visualizations, or subtle branding.

#7E5F4E · #A08B7F · #C3B7B1

Refined Depth

Use the mid-brown as a key element against the light background, with the darkest for strong visual anchors.

#DEDADA · #7E5F4E · #5C3D2F

CSS variables

:root {
  --vintage-patina-bronze-1: #5C3D2F;
  --vintage-patina-bronze-2: #7E5F4E;
  --vintage-patina-bronze-3: #A08B7F;
  --vintage-patina-bronze-4: #C3B7B1;
  --vintage-patina-bronze-5: #DEDADA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-patina-bronze": {
        1: "#5C3D2F",
        2: "#7E5F4E",
        3: "#A08B7F",
        4: "#C3B7B1",
        5: "#DEDADA",
      }
    }
  }
}

Related searches

vintage bronze color schemeaged metallic palettesophisticated neutral tonesindustrial chic colorselegant patina hues

Palette colors

Hex values

Color 1#5C3D2F
·
Color 2#7E5F4E
·
Color 3#A08B7F
·
Color 4#C3B7B1
·
Color 5#DEDADA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1AA18
5:1AA
7:1AAA
2
1.7:1Fail
1.8:1Fail
3:1Fail
4.2:1AA18
3
3:1AA18
1.8:1Fail
1.7:1Fail
2.3:1Fail
4
5:1AA
3:1Fail
1.7:1Fail
1.4:1Fail
5
7:1AAA
4.2:1AA18
2.3:1Fail
1.4:1Fail

Similar palettes

More like Vintage Patina Bronze

View all neutral