Back to palettes

Palette

Antique Silver Patina

Subtle, muted blues and greys emulate the aged and elegant patina of antique silver.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E3E7EA#C4CDD3#A6B4BC#8C99A3#717D88

Palette guide

How to use Antique Silver Patina

Overview

The Antique Silver Patina palette features subtle, muted blues and greys, emulating the aged and elegant patina of antique silver. This sophisticated collection ranges from the deep, grounding #717D88 to the delicate, bright #E3E7EA, perfect for designs seeking a refined, vintage, and subtly luxurious aesthetic. Intermediate shades like #8C99A3 and #A6B4BC provide gentle transitions, ideal for creating depth without overwhelming the senses. Designers can leverage these hex codes for timeless branding, sophisticated web interfaces, or editorial content that requires a soft, luxurious, and understated feel. Developers will find these colors excellent for crafting elegant digital experiences, from wedding platforms to beauty e-commerce sites, where a classic, gentle aesthetic is desired.

Best used for

  • Luxury branding and high-end product design
  • Jewelry and fashion marketing
  • Feminine lifestyle blogs and social media
  • Editorial design for high-end publications
  • Interior design for classic, opulent rooms
  • Vintage-inspired app interfaces

Suggested color roles

primary

Utilize #717D88 as a deep, anchoring primary for headings, important buttons, or strong graphic elements, providing sophisticated contrast.

secondary

Employ #8C99A3 for supporting elements, subheadings, or rich background panels, offering a deeper tone without losing the palette's softness.

accent

Apply #A6B4BC for subtle decorative accents, interactive states, or delicate graphic details, providing a gentle highlight.

background

The lightest tone, #E3E7EA, is perfect as a clean, elegant background, ensuring excellent readability and a refined feel.

text

For optimal legibility, use #717D88 or a deep charcoal against the lightest backgrounds like #E3E7EA. For secondary text, #8C99A3 can be effective on lighter backgrounds.

Accessibility notes

  • Ensure #717D88 text on #E3E7EA background meets WCAG AA contrast standards.
  • Avoid pairing #A6B4BC or #C4CDD3 for small text on #E3E7EA, as contrast will be too low.
  • Provide clear visual focus indicators for interactive elements, ensuring they stand out against similar background tones.
  • For critical information, consider using the darkest palette color for text on the lightest background.

Recommended combinations

Patina Base

Creates a luxurious base for content with a soft background and rich, deep accents.

#E3E7EA · #717D88 · #8C99A3

Aged Silver

Ideal for layered UI components or subtle branding, creating depth with closely related muted blue-grey tones.

#A6B4BC · #C4CDD3 · #8C99A3

Gentle Gleam

Excellent for backgrounds with a gentle luminosity or for decorative elements that need a soft, inviting sheen.

#C4CDD3 · #E3E7EA · #A6B4BC

CSS variables

:root {
  --antique-silver-patina-1: #E3E7EA;
  --antique-silver-patina-2: #C4CDD3;
  --antique-silver-patina-3: #A6B4BC;
  --antique-silver-patina-4: #8C99A3;
  --antique-silver-patina-5: #717D88;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-silver-patina": {
        1: "#E3E7EA",
        2: "#C4CDD3",
        3: "#A6B4BC",
        4: "#8C99A3",
        5: "#717D88",
      }
    }
  }
}

Related searches

antique silver color palettevintage blue grey toneselegant metallic schemesubtle refined designaged patina colors

Palette colors

Hex values

Color 1#E3E7EA
·
Color 2#C4CDD3
·
Color 3#A6B4BC
·
Color 4#8C99A3
·
Color 5#717D88
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
3.4:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.6:1Fail
3
1.7:1Fail
1.3:1Fail
1.4:1Fail
2:1Fail
4
2.3:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
5
3.4:1AA18
2.6:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Antique Silver Patina

View all neutral
Fresco Bloom Grace
Aged Bronze Statue
Aged Parchment Script
Aged Sepia Album
Ancient Papyrus Scroll
Ancient Parchment Ink