Back to palettes

Palette

Baroque Tapestry Weave

A lavish palette of deep plums, rich violets, and rose accents, like a grand baroque tapestry.

DarkElegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5D2E46#9C4E76#D97BB8#3A1E2F#7F628A

Palette guide

How to use Baroque Tapestry Weave

Overview

The Baroque Tapestry Weave palette offers a lavish collection of deep plums, rich violets, and rose accents, perfect for designs aiming for opulence and historical grandeur. Featuring hues like the deep plum #5D2E46, rich violet #9C4E76, and accentuating rose #D97BB8, alongside the darkest plum #3A1E2F and muted lavender #7F628A, this palette provides a sophisticated foundation for designers and developers. It's ideal for conveying a sense of luxury and timeless elegance, reminiscent of grand baroque textiles. These colors can transform digital interfaces or physical products into truly regal experiences, blending historical richness with modern application.

Best used for

  • Luxury branding and high-end product design
  • Elegant event invitations and decor
  • Editorial design for fashion or art publications
  • Theatrical or historical exhibit design
  • Opulent interior design concepts
  • Websites for cultural institutions or luxury services

Suggested color roles

primary

Use the deep plum #5D2E46 for foundational elements, large blocks of color, or primary navigation, providing a rich, stable base.

secondary

Apply the rich violet #9C4E76 to subheadings, secondary content areas, or borders, adding depth and visual interest.

accent

Introduce the vibrant rose #D97BB8 for call-to-actions, interactive elements, or striking highlights, drawing immediate attention.

background

Employ the darkest plum #3A1E2F for dramatic backgrounds, dark mode themes, or elegant full-page sections, offering profound depth.

text

Utilize the muted lavender #7F628A for secondary text on darker backgrounds, or a crisp white for optimal readability on #5D2E46 or #3A1E2F.

Accessibility notes

  • Ensure sufficient contrast between the darkest shades (#5D2E46, #3A1E2F) and lighter text colors like #D97BB8 or white.
  • The vibrant rose #D97BB8 may require careful pairing for text on light backgrounds to meet WCAG contrast ratios.
  • Use #3A1E2F as a background for light-colored text to guarantee high readability and elegance.
  • Avoid using #9C4E76 and #7F628A as text on similarly toned mid-range backgrounds without thorough contrast checks.

Recommended combinations

Deep Elegance

Create sophisticated, layered designs for backgrounds and main content areas, evoking a sense of profound luxury.

#3A1E2F · #5D2E46 · #9C4E76

Regal Contrast

Achieve striking visual impact by using the bright accent against a deep, dark base, ideal for calls-to-action or hero sections.

#3A1E2F · #D97BB8 · #7F628A

Soft Opulence

Design softer, more inviting sections with these harmonious mid-tones, perfect for subtle branding or informational content.

#5D2E46 · #7F628A · #9C4E76

CSS variables

:root {
  --baroque-tapestry-weave-1: #5D2E46;
  --baroque-tapestry-weave-2: #9C4E76;
  --baroque-tapestry-weave-3: #D97BB8;
  --baroque-tapestry-weave-4: #3A1E2F;
  --baroque-tapestry-weave-5: #7F628A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "baroque-tapestry-weave": {
        1: "#5D2E46",
        2: "#9C4E76",
        3: "#D97BB8",
        4: "#3A1E2F",
        5: "#7F628A",
      }
    }
  }
}

Related searches

elegant purple color schemehistoric luxury paletterich velvet color combinationbaroque design inspirationdeep plum and rose colors

Palette colors

Hex values

Color 1#5D2E46
·
Color 2#9C4E76
·
Color 3#D97BB8
·
Color 4#3A1E2F
·
Color 5#7F628A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.8:1AA18
1.4:1Fail
2.1:1Fail
2
1.9:1Fail
2:1Fail
2.7:1Fail
1.1:1Fail
3
3.8:1AA18
2:1Fail
5.3:1AA
1.9:1Fail
4
1.4:1Fail
2.7:1Fail
5.3:1AA
2.9:1Fail
5
2.1:1Fail
1.1:1Fail
1.9:1Fail
2.9:1Fail

Similar palettes

More like Baroque Tapestry Weave

View all Dark