Palette

Gilded Baroque Velvet

Rich reds, deep browns, and shimmering gold evoke the lavish 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 Velvet 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 Velvet.

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

Data visualization

#3E2723#BF360C#D84315#FDD835#FFFDE7

Palette guide

How to use Gilded Baroque Velvet

Overview

The 'Gilded Baroque Velvet' palette is a vibrant and luxurious collection, combining deep, grounding browns with fiery reds and brilliant golds. It features the rich #3E2723, complemented by the intense #BF360C and #D84315, and illuminated by the vibrant #FDD835 and the soft #FFFDE7. This palette is perfect for designers seeking to evoke lavish grandeur, dramatic contrast, and a sense of historical richness. Ideal for high-impact branding, sophisticated digital interfaces, or print materials, it offers a visually captivating and opulent aesthetic that balances warmth with striking brilliance, reminiscent of baroque art and textiles.

Best used for

Luxury brand identity and packaging
High-end event promotional materials
Gourmet food and beverage branding
Fashion and jewelry e-commerce sites
Baroque-inspired digital art and illustrations
Restaurant menu and interior concepts

Suggested color roles

primary

Utilize #BF360C as the dominant red for impactful headlines, logos, or primary call-to-actions, conveying passion.

secondary

Employ #FDD835 as the vibrant gold for key visual highlights, interactive elements, or ornate details.

accent

Use #D84315 for secondary accents or subtle decorative elements, offering a slightly brighter red.

background

A deep #3E2723 provides a sophisticated, grounding backdrop that allows the reds and golds to truly shine.

text

For optimal readability, use #FDD835 or #FFFDE7 on dark backgrounds like #3E2723. On light gold, a deep charcoal works well.

Accessibility notes

Ensure #FDD835 text has sufficient contrast on #3E2723 or #BF360C backgrounds for accessibility.
Avoid using #BF360C text on #D84315 backgrounds due to potential low contrast.
When using #FFFDE7 for text, ensure it's on a very dark background to meet WCAG standards.
Prioritize dark text (e.g., #3E2723) on #FFFDE7 or #FDD835 for readability.

Recommended combinations

Velvet Contrast

Excellent for main content areas, combining deep brown with brilliant gold and a powerful red accent.

#3E2723 · #FDD835 · #BF360C

Fiery Glimmer

Ideal for vibrant call-to-actions, banners, or energetic graphical elements.

#BF360C · #D84315 · #FDD835

Soft Opulence

Use for prominent headers or featured sections, offering a light base with deep contrast and gold highlights.

#FFFDE7 · #3E2723 · #FDD835

CSS variables

:root {
  --gilded-baroque-velvet-2-1: #3E2723;
  --gilded-baroque-velvet-2-2: #BF360C;
  --gilded-baroque-velvet-2-3: #D84315;
  --gilded-baroque-velvet-2-4: #FDD835;
  --gilded-baroque-velvet-2-5: #FFFDE7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-baroque-velvet-2": {
        1: "#3E2723",
        2: "#BF360C",
        3: "#D84315",
        4: "#FDD835",
        5: "#FFFDE7",
      }
    }
  }
}

Hex values

Color 1#3E2723

Color 2#BF360C

Color 3#D84315

Color 4#FDD835

Color 5#FFFDE7

Accessibility

Contrast checker

2.5:1Fail

3.1:1AA18

9.9:1AAA

13.5:1AAA

2.5:1Fail

1.3:1Fail

4:1AA18

5.5:1AA

3.1:1AA18

1.3:1Fail

3.2:1AA18

4.3:1AA18

9.9:1AAA

4:1AA18

3.2:1AA18

1.4:1Fail

13.5:1AAA

5.5:1AA

4.3:1AA18

1.4:1Fail

Similar palettes

More like Gilded Baroque Velvet

Enchanted Crystal Cave

Baroque Night Grandeur

Gatsby Glam Evening