Palette

Antique Gold Locket

A radiant collection of golden tones, recalling the cherished elegance of an antique locket.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Antique Gold Locket 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 Gold Locket.

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

Data visualization

#CD853F#DAA520#FFD700#B8860B#A0522D

Palette guide

How to use Antique Gold Locket

Overview

The Antique Gold Locket palette shimmers with the timeless allure of precious metals, offering a luxurious and vintage aesthetic. Featuring radiant golds like #FFD700 and #DAA520, alongside deeper, more muted tones such as #CD853F, #B8860B, and #A0522D, it's perfect for conveying elegance and value. Designers and developers can harness this palette to craft sophisticated branding, opulent UI elements, or classic visual narratives. It evokes the cherished beauty of heirlooms and fine craftsmanship, making it an excellent choice for high-end products, celebratory designs, or any project aiming for a regal yet antique feel that stands the test of time.

Best used for

Luxury product branding and packaging
Jewelry website design and e-commerce
High-end event invitations and decor
Vintage-inspired fashion collections
Elegant UI elements and iconography
Historical drama film aesthetics

Suggested color roles

primary

Use #A0522D as a rich, grounding base for primary sections or deep textural backgrounds, providing substance.

secondary

Apply #CD853F for supportive elements, subheadings, or to add a warm, aged bronze touch.

accent

Highlight key information or interactive elements with #FFD700 for a bright, precious gold accent.

background

Employ #DAA520 for a vibrant yet elegant background, or a lighter cream/off-white for contrast.

text

For dark text on light gold backgrounds, #A0522D or a deep charcoal offers excellent contrast. On darker backgrounds, #FFD700 or white ensures readability.

Accessibility notes

Ensure #A0522D text on #DAA520 provides sufficient contrast for WCAG AA compliance.
Be cautious when using #FFD700 for small text on #DAA520 as contrast might be low.
Prioritize high contrast for interactive elements and critical information within this radiant palette.
Always test color combinations, especially for text and background, to ensure readability across devices.

Recommended combinations

Regal Shine

Perfect for creating luminous highlights, celebratory graphics, or adding a touch of grandeur.

#FFD700 · #DAA520 · #B8860B

Aged Elegance

Establishes a sophisticated, antique feel for branding, headers, or decorative motifs.

#A0522D · #CD853F · #DAA520

Deep Richness

Use for strong visual impact, contrasting deep tones with bright gold for luxury messaging.

#A0522D · #FFD700 · #B8860B

CSS variables

:root {
  --antique-gold-locket-1: #CD853F;
  --antique-gold-locket-2: #DAA520;
  --antique-gold-locket-3: #FFD700;
  --antique-gold-locket-4: #B8860B;
  --antique-gold-locket-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-gold-locket": {
        1: "#CD853F",
        2: "#DAA520",
        3: "#FFD700",
        4: "#B8860B",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#CD853F

Color 2#DAA520

Color 3#FFD700

Color 4#B8860B

Color 5#A0522D

Accessibility

Contrast checker

1.3:1Fail

2.1:1Fail

1.1:1Fail

1.9:1Fail

1.3:1Fail

1.6:1Fail

1.5:1Fail

2.5:1Fail

2.1:1Fail

1.6:1Fail

2.3:1Fail

4:1AA18