Palette

Gilded Baroque Palace

Opulent golds paired with deep reds and purples, reflecting the grandeur of a Baroque palace.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gilded Baroque Palace 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 Baroque Palace.

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

Data visualization

#8B0000#B8860B#DAA520#F0E68C#4B0082

Palette guide

How to use Gilded Baroque Palace

Overview

The 'Gilded Baroque Palace' palette is a truly opulent collection, combining vibrant golds with deep, regal reds and purples to reflect the grandeur of historic palaces. Featuring the intense #8B0000 (dark red) and #4B0082 (dark violet), brilliantly accented by #B8860B (antique gold), #DAA520 (goldenrod), and the soft luminosity of #F0E68C (light goldenrod yellow). This palette is perfect for designers aiming to convey ultimate luxury, drama, and a majestic aesthetic. It's exceptionally suited for high-impact branding, sophisticated digital interfaces, or print materials that demand a powerful, visually rich, and historically inspired presence.

Best used for

Luxury fashion brand campaigns
Opera house or theater branding
High-end jewelry marketing
Royal event invitations and decor
Baroque art museum digital platforms
Exclusive membership portal UI

Suggested color roles

primary

Utilize #DAA520 as the dominant gold for headings, logos, and key visual elements, signaling luxury.

secondary

Employ #8B0000 or #4B0082 for dramatic backgrounds, important sections, or powerful accents.

accent

Highlight with #F0E68C for subtle luminosity, interactive elements, or delicate decorative details.

background

A deep #8B0000 or #4B0082 provides a rich, opulent backdrop that makes golds truly pop.

text

For body text, use #F0E68C or a crisp white on dark backgrounds. On gold, a deep charcoal offers excellent readability.

Accessibility notes

Ensure #F0E68C text has sufficient contrast on #8B0000 or #4B0082 backgrounds for accessibility.
Avoid placing #B8860B text on #DAA520; their minimal difference can hinder readability.
Use dark text (e.g., black or charcoal) on #F0E68C for body copy to meet WCAG standards.
Check contrast ratios carefully when pairing #8B0000 with #4B0082 for elements, as they are both deep tones.

Recommended combinations

Majestic Depth

Excellent for headers and prominent sections, combining deep red with brilliant gold and a touch of light.

#8B0000 · #DAA520 · #F0E68C

Royal Accent

Ideal for decorative elements, borders, or sub-sections, blending rich purple with antique gold and a light accent.

#4B0082 · #B8860B · #F0E68C

Gilded Drama

Use for prominent call-to-actions or featured elements, ensuring high visibility and luxurious impact.

#DAA520 · #8B0000 · #4B0082

CSS variables

:root {
  --gilded-baroque-palace-1: #8B0000;
  --gilded-baroque-palace-2: #B8860B;
  --gilded-baroque-palace-3: #DAA520;
  --gilded-baroque-palace-4: #F0E68C;
  --gilded-baroque-palace-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-baroque-palace": {
        1: "#8B0000",
        2: "#B8860B",
        3: "#DAA520",
        4: "#F0E68C",
        5: "#4B0082",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#B8860B

Color 3#DAA520

Color 4#F0E68C

Color 5#4B0082

Accessibility

Contrast checker

3.1:1AA18

4.5:1AA18

7.8:1AAA

1.3:1Fail

3.1:1AA18

1.5:1Fail

2.5:1Fail

4:1AA18

4.5:1AA18

1.5:1Fail

1.7:1Fail

5.8:1AA

7.8:1AAA

2.5:1Fail

1.7:1Fail

10.1:1AAA

1.3:1Fail

4:1AA18

5.8:1AA

10.1:1AAA

Similar palettes

More like Gilded Baroque Palace