Palette

Gilded Baroque Flourish

Opulent and rich, inspired by the intricate gold detailing and deep hues of baroque artistry.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#DAA520#4F4F4F#8B0000#A0522D

Palette guide

How to use Gilded Baroque Flourish

Overview

The 'Gilded Baroque Flourish' palette is a vibrant and opulent collection, inspired by the intricate gold detailing and deep hues of baroque artistry. It features two prominent golds, #FFD700 and #DAA520, which provide brilliant contrast to the rich depth of #8B0000 (dark red), the earthy warmth of #A0522D (sienna), and the grounding sophistication of #4F4F4F (dark gray). This palette is excellent for designers aiming to create an impression of historical grandeur, luxury, and artistic richness. It's versatile for high-end branding, elegant digital interfaces, or print materials that demand a visually captivating and opulent aesthetic.

Best used for

Luxury brand identity and packaging
High-end event promotional materials
Historical video game UI/UX
Fashion and jewelry e-commerce sites
Art gallery website design
Restaurant menu and interior concepts

Suggested color roles

primary

Utilize #FFD700 as the leading gold for impactful headlines, logos, or primary call-to-actions.

secondary

Employ #8B0000 for dramatic backgrounds, important sections, or to add a powerful, rich accent.

accent

Use #DAA520 for secondary highlights or decorative elements, offering a slightly muted gold alternative.

background

A deep #4F4F4F provides a sophisticated, neutral backdrop that allows the golds and reds to truly shine.

text

For optimal readability, use #FFD700 or a crisp white on dark backgrounds like #8B0000 or #4F4F4F. On gold, use #4F4F4F.

Accessibility notes

Ensure sufficient contrast between #FFD700 text and backgrounds like #4F4F4F or #8B0000.
Avoid using #DAA520 text on #FFD700 backgrounds due to potential low contrast.
When using #A0522D for text, ensure it's on a very light background or significantly contrasting dark one.
Prioritize dark text (e.g., #4F4F4F) on light gold backgrounds for readability.

Recommended combinations

Grand Statement

Excellent for impactful headers and main sections, combining deep gray with brilliant gold and rich red.

#4F4F4F · #FFD700 · #8B0000

Warm Gilded

Ideal for secondary content, offering a warmer, earthy feel with elegant gold highlights.

#A0522D · #DAA520 · #4F4F4F

Opulent Contrast

Use for prominent call-to-action buttons or featured elements, ensuring high visibility and luxury.

#8B0000 · #FFD700 · #A0522D

CSS variables

:root {
  --gilded-baroque-flourish-1: #FFD700;
  --gilded-baroque-flourish-2: #DAA520;
  --gilded-baroque-flourish-3: #4F4F4F;
  --gilded-baroque-flourish-4: #8B0000;
  --gilded-baroque-flourish-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-baroque-flourish": {
        1: "#FFD700",
        2: "#DAA520",
        3: "#4F4F4F",
        4: "#8B0000",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#DAA520

Color 3#4F4F4F

Color 4#8B0000

Color 5#A0522D

Accessibility

Contrast checker

1.6:1Fail

5.8:1AA

7.1:1AAA

4:1AA18

1.6:1Fail

3.7:1AA18

4.5:1AA18

2.5:1Fail

5.8:1AA

3.7:1AA18

1.2:1Fail

1.5:1Fail

7.1:1AAA

4.5:1AA18

1.2:1Fail

1.8:1Fail

4:1AA18

2.5:1Fail

1.5:1Fail

1.8:1Fail

Similar palettes

More like Gilded Baroque Flourish

View all warm

Baroque Gilded Grandeur

Baroque Opera Gold

Gilded Opulence Gold

Gilded Renaissance Frame

Gilded Rococo Scroll

Ancient Temple Ochre