Back to palettes

Palette

Baroque Elegance

A rich, luxurious blend of deep reds and muted tones, reminiscent of opulent baroque textiles.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5D2C2F#7E4F51#A07375#C0A4A6#E0D3D5

Palette guide

How to use Baroque Elegance

Overview

The Baroque Elegance palette offers a sophisticated blend of deep, muted reds and dusty rose tones, reminiscent of opulent baroque textiles and antique luxury. This refined collection features a rich maroon #5D2C2F, a softer plum-red #7E4F51, and a delicate, near-white #E0D3D5. Designers can utilize these harmonious hues to create elegant branding, vintage-inspired interfaces, or sophisticated content for fashion, heritage, or luxury goods. Developers will find this monochromatic red scale excellent for establishing a cohesive and refined visual aesthetic, ensuring a sense of understated grandeur. The mid-tones #A07375 and #C0A4A6 provide gentle transitions, perfect for conveying timeless sophistication and subtle depth.

Best used for

  • Vintage fashion boutiques
  • Antique furniture restoration
  • Luxury beauty products
  • Historical fiction websites
  • Elegant wedding stationery
  • High-end interior design

Suggested color roles

primary

#5D2C2F - A deep, rich maroon, ideal for strong brand elements, primary text, or sophisticated backgrounds.

secondary

#7E4F51 - A softer, muted red, perfect for subheadings, navigation, or larger content blocks.

accent

#A07375 - A dusty rose tone, offering a delicate accent for subtle highlights, icons, or decorative patterns.

background

#E0D3D5 - A very light, muted pink-beige, excellent for clean, elegant page backgrounds and spacious content areas.

text

#5D2C2F for primary body text on lighter backgrounds, ensuring high contrast and a refined, readable appearance.

Accessibility notes

  • Ensure #5D2C2F and #7E4F51 text on #E0D3D5 background meets WCAG AA contrast for readability.
  • Avoid using #A07375 or #C0A4A6 as text on #E0D3D35 background due to insufficient contrast.
  • Use sufficient font weight and size when pairing mid-tones like #7E4F51 for UI elements.
  • For interactive elements, consider adding an underline or bolding to distinguish them from static text.

Recommended combinations

Antique Rose

A strong, dark text on a light, elegant background, complemented by a soft, muted mid-tone.

#5D2C2F · #E0D3D5 · #7E4F51

Faded Grandeur

Creates a subtle, harmonious gradient for layered content, cards, or softer UI elements.

#7E4F51 · #A07375 · #C0A4A6

Sophisticated Blush

A light, airy background with a soft accent, anchored by a deep maroon for emphasis and contrast.

#E0D3D5 · #C0A4A6 · #5D2C2F

CSS variables

:root {
  --baroque-elegance-1: #5D2C2F;
  --baroque-elegance-2: #7E4F51;
  --baroque-elegance-3: #A07375;
  --baroque-elegance-4: #C0A4A6;
  --baroque-elegance-5: #E0D3D5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "baroque-elegance": {
        1: "#5D2C2F",
        2: "#7E4F51",
        3: "#A07375",
        4: "#C0A4A6",
        5: "#E0D3D5",
      }
    }
  }
}

Related searches

baroque red paletteelegant maroon colorsantique textile palettevintage sophisticated colorsmuted red design

Palette colors

Hex values

Color 1#5D2C2F
·
Color 2#7E4F51
·
Color 3#A07375
·
Color 4#C0A4A6
·
Color 5#E0D3D5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
4.9:1AA
7.7:1AAA
2
1.7:1Fail
1.7:1Fail
2.9:1Fail
4.6:1AA
3
2.8:1Fail
1.7:1Fail
1.7:1Fail
2.8:1Fail
4
4.9:1AA
2.9:1Fail
1.7:1Fail
1.6:1Fail
5
7.7:1AAA
4.6:1AA
2.8:1Fail
1.6:1Fail

Similar palettes

More like Baroque Elegance

View all dark