Palette

Gilded Frame Elegance

Evokes the sophisticated luxury of a classical painting frame, rich with history.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#5C270F#8B0000#3E4C3F#F8F4E3

Palette guide

How to use Gilded Frame Elegance

Overview

The Gilded Frame Elegance palette evokes the sophisticated luxury of a classical painting frame, rich with history through its blend of #B8860B gold, deep #5C270F brown, and striking #8B0000 red. This collection, completed with #3E4C3F and #F8F4E3, is perfect for designers aiming for a vintage, royal, and classic aesthetic. Developers can utilize these hues to create elegant digital experiences for art-related platforms or high-end product showcases. The palette's balance of deep, rich tones with a soft cream ensures a distinguished and harmonious design, ideal for projects that value historical gravitas and refined beauty.

Best used for

Art restoration websites
Classical music event promotions
Luxury hotel branding
Sophisticated e-commerce for artisanal goods
Vintage photography portfolios
Museum gift shop products

Suggested color roles

primary

Use #5C270F (Deep Umber Brown) as a grounding, rich base for major sections, backgrounds, or primary text.

secondary

Apply #8B0000 (Dark Red) to add a touch of classic drama and warmth to secondary elements or decorative accents.

accent

Utilize #B8860B (Rich Gold) for elegant highlights, interactive elements, or intricate details to convey luxury.

background

Employ #F8F4E3 (Off-White Cream) as a soft, antique-paper-like canvas, providing excellent contrast for darker text.

text

For body text on #F8F4E3, #5C270F offers high readability. For headings on darker backgrounds, use #F8F4E3 or a light gold.

Accessibility notes

Text in #5C270F or #8B0000 on #F8F4E3 offers excellent contrast, ensuring strong readability.
Be cautious using #B8860B for small text; ensure it's on a dark background like #5C270F or #3E4C3F for visibility.
The #3E4C3F (Dark Forest Green) can serve as a good background for #B8860B text or accents, enhancing contrast.
Avoid placing #8B0000 text directly on #B8860B, as their contrast will be insufficient for most readability standards.

Recommended combinations

Classic Contrast

Perfect for elegant web layouts, body text, and highlighted headers, providing clarity with a touch of luxury.

#5C270F · #F8F4E3 · #B8860B

Regal Depth

Creates a dramatic, rich atmosphere for special sections, decorative details, or impactful visual statements.

#8B0000 · #3E4C3F · #B8860B

Vintage Patina

Ideal for evoking an aged, refined aesthetic in branding, product design, or historical content.

#5C270F · #B8860B · #F8F4E3

CSS variables

:root {
  --gilded-frame-elegance-1: #B8860B;
  --gilded-frame-elegance-2: #5C270F;
  --gilded-frame-elegance-3: #8B0000;
  --gilded-frame-elegance-4: #3E4C3F;
  --gilded-frame-elegance-5: #F8F4E3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-frame-elegance": {
        1: "#B8860B",
        2: "#5C270F",
        3: "#8B0000",
        4: "#3E4C3F",
        5: "#F8F4E3",
      }
    }
  }
}

Hex values

Color 1#B8860B

Color 2#5C270F

Color 3#8B0000

Color 4#3E4C3F

Color 5#F8F4E3

Accessibility

Contrast checker

3.7:1AA18

3.1:1AA18

2.8:1Fail

3:1Fail

3.7:1AA18

1.2:1Fail

1.3:1Fail

10.9:1AAA

3.1:1AA18

1.2:1Fail

1.1:1Fail

9.1:1AAA

2.8:1Fail

1.3:1Fail

1.1:1Fail

8.2:1AAA

3:1Fail

10.9:1AAA

9.1:1AAA

8.2:1AAA

Similar palettes

More like Gilded Frame Elegance

Baroque Tapestry Weave

Brocade Royal Elegance

Crimson Velvet Theatre