Palette

Baroque Tapestry Weave

Rich, interwoven purples and deep reds reminiscent of luxurious baroque tapestries.

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

#5D2A42#8F3B5F#C35B88#F78CB3#3C1C2C

Palette guide

How to use Baroque Tapestry Weave

Overview

The Baroque Tapestry Weave palette (2) presents rich, interwoven purples and deep reds, reminiscent of luxurious baroque tapestries. This elegant collection features a profound dark plum #5D2A42, a vibrant ruby-purple #8F3B5F, and a deep, almost black-purple #3C1C2C. Designers can utilize these sophisticated hues to create luxurious branding, vintage-inspired interfaces, or compelling content for fashion, heritage, and high-end services. Developers will find this consistent color scale excellent for establishing a refined and opulent visual aesthetic, ensuring a sense of understated grandeur. The brighter fuchsia #C35B88 and delicate pink #F78CB3 provide gentle transitions, perfect for conveying timeless sophistication and subtle, intricate depth, like a finely woven fabric.

Best used for

Luxury fashion branding
Vintage textile design
Elegant event invitations
High-end beauty products
Historical romance novels
Boutique hotel branding

Suggested color roles

primary

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

secondary

#8F3B5F - A vibrant ruby-purple, perfect for important highlights, navigation, or significant content blocks.

accent

#C35B88 - A bright fuchsia-pink, offering a bold accent for calls to action or decorative patterns.

background

#3C1C2C - The deepest, darkest purple, excellent for a sophisticated, enveloping background, or use #F78CB3 for a lighter, more delicate canvas.

text

A clean white or very light cream for readability against the deep purple backgrounds, ensuring elegance and clarity.

Accessibility notes

Ensure white or very light text on #5D2A42, #8F3B5F, or #3C1C2C backgrounds meets WCAG AA contrast.
Avoid using #C35B88 or #F78CB3 for small text on any background within this palette due to low contrast.
Use #C35B88 for larger headings or decorative elements, as it provides a vibrant but less contrasting option.
Provide clear visual indicators for interactive elements, especially with similar deep purple-pink tones.

Recommended combinations

Tapestry Depth

A deep, dark background with a rich plum and vibrant fuchsia for dramatic branding and accents.

#3C1C2C · #5D2A42 · #C35B88

Weave Gradient

Creates a harmonious gradient of purples and pinks, ideal for layered effects, backgrounds, or illustrations.

#5D2A42 · #8F3B5F · #C35B88

Fuchsia Accent

A delicate pink background with a bright fuchsia accent, anchored by the deepest purple for sophisticated contrast.

#F78CB3 · #C35B88 · #3C1C2C

CSS variables

:root {
  --baroque-tapestry-weave-2-1: #5D2A42;
  --baroque-tapestry-weave-2-2: #8F3B5F;
  --baroque-tapestry-weave-2-3: #C35B88;
  --baroque-tapestry-weave-2-4: #F78CB3;
  --baroque-tapestry-weave-2-5: #3C1C2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "baroque-tapestry-weave-2": {
        1: "#5D2A42",
        2: "#8F3B5F",
        3: "#C35B88",
        4: "#F78CB3",
        5: "#3C1C2C",
      }
    }
  }
}

Hex values

Color 1#5D2A42

Color 2#8F3B5F

Color 3#C35B88

Color 4#F78CB3

Color 5#3C1C2C

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

5:1AA

1.3:1Fail

1.6:1Fail

1.7:1Fail

3.2:1AA18

2.1:1Fail

2.8:1Fail

1.7:1Fail

1.8:1Fail

3.7:1AA18

5:1AA

3.2:1AA18

1.8:1Fail

6.7:1AA

1.3:1Fail

2.1:1Fail

3.7:1AA18

6.7:1AA

Similar palettes

More like Baroque Tapestry Weave

Amethyst Veil Mystique