Palette

Gilded Cage Echo

Reflects the faded grandeur of ornate metallic details and aged textures within a historic setting.

neutralelegant5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gilded Cage Echo 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 Cage Echo.

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

Data visualization

#8C7F72#C5B277#4A453A#D3C288#6E6357

Palette guide

How to use Gilded Cage Echo

Overview

The Gilded Cage Echo palette captures the faded grandeur of ornate metallic details and aged textures, perfect for projects seeking a sophisticated, vintage aesthetic. This neutral-dominant collection features earthy tones like a muted sepia (#8C7F72), antique gold (#C5B277), deep espresso (#4A453A), a lighter aged brass (#D3C288), and a warm taupe (#6E6357). It's ideal for conveying history, elegance, and understated luxury. Designers can craft timeless interfaces and print materials, while developers can appreciate the subtle variations for creating depth without harsh contrasts, ensuring a gentle user experience.

Best used for

Vintage photography website design
Historical museum exhibits and branding
Boutique hotel interiors and collateral
Artisanal product packaging
Wedding invitations with an antique feel
Period drama film aesthetics

Suggested color roles

primary

The deep espresso (#4A453A) serves as a strong, grounding primary color for headers or foundational sections, offering depth.

secondary

Use the warm taupe (#6E6357) for secondary elements, adding a softer yet substantial presence, like navigation bars or footers.

accent

The antique gold (#C5B277) is perfect for subtle highlights, delicate borders, or small interactive elements, evoking a touch of faded luxury.

background

The lighter aged brass (#D3C288) provides a warm, inviting background that feels lived-in and elegant, ideal for content areas.

text

A rich espresso (#4A453A) or a dark charcoal offers excellent readability against the lighter background tones, maintaining the palette's sophisticated mood.

Accessibility notes

Exercise caution when placing #C5B277 text on #D3C288 backgrounds; ensure sufficient contrast for readability, especially for small text.
Deep espresso #4A453A offers excellent contrast for light text, such as white or #D3C288.
Avoid using #8C7F72 text directly on #6E6357 as their proximity in value may hinder readability.
For body text, use #4A453A against #D3C288 or #C5B277 to ensure good legibility and maintain the aged aesthetic.

Recommended combinations

Aged Textures

For a vintage header: #4A453A background, #C5B277 title, #D3C288 subtitle.

#4A453A · #C5B277 · #D3C288

Subtle Depth

Ideal for content blocks: #D3C288 card, #6E6357 heading, #8C7F72 body text.

#D3C288 · #6E6357 · #8C7F72

Elegant Highlight

Use for sophisticated buttons: #8C7F72 button, #4A453A text, #C5B277 hover state.

#8C7F72 · #4A453A · #C5B277

CSS variables

:root {
  --gilded-cage-echo-1: #8C7F72;
  --gilded-cage-echo-2: #C5B277;
  --gilded-cage-echo-3: #4A453A;
  --gilded-cage-echo-4: #D3C288;
  --gilded-cage-echo-5: #6E6357;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-cage-echo": {
        1: "#8C7F72",
        2: "#C5B277",
        3: "#4A453A",
        4: "#D3C288",
        5: "#6E6357",
      }
    }
  }
}

Hex values

Color 1#8C7F72

Color 2#C5B277

Color 3#4A453A

Color 4#D3C288

Color 5#6E6357

Accessibility

Contrast checker

1.9:1Fail

2.4:1Fail

2.2:1Fail

1.5:1Fail

1.9:1Fail

4.5:1AA

1.2:1Fail

2.8:1Fail

2.4:1Fail

4.5:1AA

5.4:1AA

1.6:1Fail

2.2:1Fail

1.2:1Fail

5.4:1AA

3.3:1AA18

1.5:1Fail

2.8:1Fail

1.6:1Fail

3.3:1AA18

Similar palettes

More like Gilded Cage Echo

View all neutral

Ancient Parchment Ink

Antique Parchment Quill