Palette

Gilded Baroque Flourish

Rich, deep reds and shimmering golds capture the opulent, ornate beauty of Baroque artistry and luxurious textiles.

elegantelegant5 colors

More elegant 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

#8B0000#A52A2A#CD853F#DAA520#F5DEB3

Palette guide

How to use Gilded Baroque Flourish

Overview

The 'Gilded Baroque Flourish' palette captures the rich, ornate beauty of historic artistry with its blend of deep reds and shimmering golds. Featuring the intense #8B0000 and #A52A2A, balanced by the warm, earthy #CD853F, and illuminated by the vibrant gold of #DAA520 and the soft cream of #F5DEB3. This palette is ideal for designers seeking to convey opulence, tradition, and artistic flair. It provides a luxurious foundation for branding, digital interfaces, or print materials that aim for a sophisticated, visually rich aesthetic, evoking grandeur and timeless elegance.

Best used for

Historical themed websites and apps
Luxury fashion branding and editorials
Fine art exhibition promotions
Restaurant and hospitality branding
Book covers for historical fiction
Elegant packaging design

Suggested color roles

primary

Utilize #8B0000 for dominant elements like main headings or strong graphical accents, conveying power and depth.

secondary

Employ #DAA520 as a prominent gold for interactive elements, logos, or key visual highlights.

accent

Use #CD853F for subtle warmth in backgrounds or secondary information, offering a softer metallic touch.

background

A light cream like #F5DEB3 provides an excellent, soft background for text and more vibrant colors.

text

For body text, use a deep color like #8B0000 or a dark charcoal for optimal readability on lighter backgrounds.

Accessibility notes

Ensure strong contrast when using #DAA520 for text on #F5DEB3; it might require a darker background.
Avoid placing #8B0000 directly on #A52A2A for text due to insufficient contrast.
Use #F5DEB3 for text only on very dark backgrounds like #8B0000 or #A52A2A to maintain readability.
Prioritize dark text on #F5DEB3 or #CD853F for body content to meet WCAG standards.

Recommended combinations

Classic Opulence

Excellent for main content areas, providing a light background with strong red and gold accents.

#F5DEB3 · #8B0000 · #DAA520

Rich Earth

Ideal for decorative elements, borders, or sub-sections, blending warm tones harmoniously.

#A52A2A · #CD853F · #DAA520

Baroque Statement

Use for impactful headings or featured sections, combining deep red with light cream and a warm brown.

#8B0000 · #F5DEB3 · #CD853F

CSS variables

:root {
  --gilded-baroque-flourish-2-1: #8B0000;
  --gilded-baroque-flourish-2-2: #A52A2A;
  --gilded-baroque-flourish-2-3: #CD853F;
  --gilded-baroque-flourish-2-4: #DAA520;
  --gilded-baroque-flourish-2-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-baroque-flourish-2": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#CD853F",
        4: "#DAA520",
        5: "#F5DEB3",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#A52A2A

Color 3#CD853F

Color 4#DAA520

Color 5#F5DEB3

Accessibility

Contrast checker

1.4:1Fail

3.3:1AA18

4.5:1AA18

7.6:1AAA

1.4:1Fail

2.4:1Fail

3.2:1AA18

5.4:1AA

3.3:1AA18

2.4:1Fail

1.3:1Fail

2.3:1Fail

4.5:1AA18

3.2:1AA18

1.3:1Fail

1.7:1Fail

7.6:1AAA

5.4:1AA

2.3:1Fail

1.7:1Fail

Similar palettes

More like Gilded Baroque Flourish