Palette

Gilded Mirror Frame

Rich gold and creamy ivory tones evoke the intricate beauty of an ornate, antique gilded mirror.

neutralelegant5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gilded Mirror Frame 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 Gilded Mirror Frame.

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

Data visualization

#9E7E4F#C4A77D#E0D1B9#F7F0E6#735836

Palette guide

How to use Gilded Mirror Frame

Overview

The Gilded Mirror Frame palette, with its rich gold and creamy ivory tones like #9E7E4F and #F7F0E6, evokes the intricate beauty of an ornate, antique gilded mirror. This luxurious collection, featuring #C4A77D, #E0D1B9, and #735836, is perfect for designers seeking a classic, opulent, and neutral aesthetic. Developers can implement these hues to create elegant digital experiences for high-end brands or sophisticated personal portfolios. The palette's subtle variations and deep brown contrast ensure a harmonious and refined design, ideal for projects that value timeless beauty and understated grandeur.

Best used for

Interior design concepts (classic/luxury)
Wedding planning services
High-end beauty product packaging
Elegant personal branding
Antique furniture e-commerce
Sophisticated event invitations

Suggested color roles

primary

Use #9E7E4F (Muted Gold) as a sophisticated, aged gold base for main design elements or accent areas.

secondary

Apply #735836 (Rich Espresso Brown) for depth and contrast, ideal for primary text or grounding design features.

accent

Utilize #C4A77D (Light Gilt) for delicate highlights, shimmer effects, or subtle decorative details.

background

Employ #F7F0E6 (Soft Ivory) as a clean, elegant canvas for main content areas, providing excellent readability.

text

For body text on #F7F0E6 or #E0D1B9, #735836 offers strong contrast and readability. For headings, use #9E7E4F on dark backgrounds.

Accessibility notes

Text in #735836 on #F7F0E6 or #E0D1B9 offers strong contrast, ensuring clear readability for content.
Avoid using #C4A77D or #E0D1B9 for small text on light backgrounds; they are best for accents or larger display text.
Ensure #9E7E4F has enough contrast if used as text against #F7F0E6; it might require larger font sizes.
For critical interface elements, always use a color with high contrast against its background, such as #735836.

Recommended combinations

Antique Glow

Creates a delicate, luxurious feel for backgrounds, text, and subtle ornamentation, evoking aged elegance.

#9E7E4F · #F7F0E6 · #C4A77D

Deep Contrast

Ideal for headings, primary content, and strong graphical elements with a sophisticated, clear touch.

#735836 · #F7F0E6 · #9E7E4F

Muted Luxury

Perfect for layered backgrounds, decorative textures, or understated branding elements that suggest richness.

#E0D1B9 · #C4A77D · #735836

CSS variables

:root {
  --gilded-mirror-frame-1: #9E7E4F;
  --gilded-mirror-frame-2: #C4A77D;
  --gilded-mirror-frame-3: #E0D1B9;
  --gilded-mirror-frame-4: #F7F0E6;
  --gilded-mirror-frame-5: #735836;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-mirror-frame": {
        1: "#9E7E4F",
        2: "#C4A77D",
        3: "#E0D1B9",
        4: "#F7F0E6",
        5: "#735836",
      }
    }
  }
}

Hex values

Color 1#9E7E4F

Color 2#C4A77D

Color 3#E0D1B9

Color 4#F7F0E6

Color 5#735836

Accessibility

Contrast checker

1.7:1Fail

2.5:1Fail

3.3:1AA18

1.7:1Fail

1.5:1Fail

2:1Fail

2.9:1Fail

2.5:1Fail

1.5:1Fail

1.3:1Fail

4.4:1AA18

3.3:1AA18

2:1Fail

1.3:1Fail

5.8:1AA

1.7:1Fail

2.9:1Fail

4.4:1AA18

5.8:1AA

Similar palettes

More like Gilded Mirror Frame

Gilded Mirror Frame

See it in context.

Ready when you are.

Built with Gilded Mirror Frame.

How to use Gilded Mirror Frame

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Antique Glow

Deep Contrast

Muted Luxury

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gilded Mirror Frame