Palette

Gilded Opulence Shine

A palette drenched in rich golds and deep bronzes, evoking ancient riches and luxurious interiors.

WarmElegant5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gilded Opulence Shine 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 Opulence Shine.

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

Data visualization

#D4AF37#FFD700#AA771C#6C4B08#F5E4C4

Palette guide

How to use Gilded Opulence Shine

Overview

The Gilded Opulence Shine palette is drenched in rich golds and deep bronzes, evoking ancient riches and luxurious interiors. Featuring vibrant `#FFD700`, the stately `#D4AF37`, and the grounding `#6C4B08`, this palette delivers a regal and sophisticated aesthetic. It's an excellent choice for designers seeking to convey prestige, warmth, and a touch of dramatic flair. The inclusion of a soft, creamy highlight like `#F5E4C4` alongside deep, rich tones allows for versatile application, from high-impact branding to elegant digital showcases that demand attention and convey grandeur.

Best used for

Luxury product branding and packaging
High-impact website headers and hero sections
Jewelry and fashion design showcases
Opulent event invitations and decor
Regal themed digital art and illustrations
Applications requiring a dramatic, rich color scheme

Suggested color roles

primary

Designate `#FFD700` as the primary gold for impactful elements, call-to-action buttons, or key highlights that need to pop with brilliance.

secondary

Use `#D4AF37` for supportive elements, subheadings, or larger background sections where a rich, slightly more subdued gold is desired.

accent

Introduce `#F5E4C4` as a soft, creamy highlight for subtle reflections, delicate borders, or background textures, adding a touch of ethereal glow.

background

Employ `#AA771C` for deep, luxurious backgrounds, providing a strong foundation that allows brighter golds to truly shine.

text

For dark backgrounds like `#AA771C` or `#6C4B08`, use white or `#FFD700` for text. For lighter backgrounds, a deep charcoal or the palette's darkest brown, `#6C4B08`, is recommended.

Accessibility notes

Ensure `#F5E4C4` is not used for small text, as its light value will have low contrast against most backgrounds.
The vibrant `#FFD700` offers excellent contrast with the darker tones like `#AA771C` and `#6C4B08` for readable text.
Avoid pairing `#D4AF37` and `#AA771C` for text/background without careful contrast checking, as they are close in saturation.
When using multiple golds, differentiate by value (lightness/darkness) to maintain visual clarity and contrast.

Recommended combinations

Regal Radiance

Combines a bright gold with a deep bronze and a soft highlight, perfect for creating a luxurious, high-contrast visual.

#FFD700 · #AA771C · #F5E4C4

Deep Elegance

Utilizes a rich gold with a deep, grounding brown and a vibrant accent, ideal for sophisticated branding or dramatic layouts.

#D4AF37 · #6C4B08 · #FFD700

Shimmer & Depth

Pairs a deep base with a luminous highlight and a strong secondary gold, suitable for layered designs and opulent backgrounds.

#AA771C · #F5E4C4 · #D4AF37

CSS variables

:root {
  --gilded-opulence-shine-1: #D4AF37;
  --gilded-opulence-shine-2: #FFD700;
  --gilded-opulence-shine-3: #AA771C;
  --gilded-opulence-shine-4: #6C4B08;
  --gilded-opulence-shine-5: #F5E4C4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-opulence-shine": {
        1: "#D4AF37",
        2: "#FFD700",
        3: "#AA771C",
        4: "#6C4B08",
        5: "#F5E4C4",
      }
    }
  }
}

Hex values

Color 1#D4AF37

Color 2#FFD700

Color 3#AA771C

Color 4#6C4B08

Color 5#F5E4C4

Accessibility

Contrast checker

1.5:1Fail

1.9:1Fail

3.8:1AA18

1.7:1Fail

1.5:1Fail

2.8:1Fail

5.7:1AA

1.1:1Fail

1.9:1Fail

2.8:1Fail

2:1Fail

3.1:1AA18

3.8:1AA18

5.7:1AA

2:1Fail

6.3:1AA

1.7:1Fail

1.1:1Fail

3.1:1AA18

6.3:1AA

Similar palettes

More like Gilded Opulence Shine

Pharaoh's Golden Sands