Back to palettes

Palette

Velvet Theater Curtains

Rich, muted purples and plums inspired by the opulent velvet curtains of an old theater.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Theater Curtains 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 Velvet Theater Curtains.

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

Data visualization

#E9D0E0#C8AECC#A78DA8#886C88#6B506A

Palette guide

How to use Velvet Theater Curtains

Overview

The "Velvet Theater Curtains" palette offers a sophisticated range of muted purples and plums, evoking a sense of opulence and timeless elegance. This collection, featuring the delicate #E9D0E0, the gentle #C8AECC, the balanced #A78DA8, the deeper #886C88, and the rich #6B506A, is perfect for projects requiring a luxurious yet understated aesthetic. Designers can leverage these hues to create depth and warmth, while developers will appreciate their cohesive nature for building elegant interfaces. The palette's subdued richness ensures versatility across various applications, from high-end branding to digital experiences, providing a harmonious and inviting visual journey without being overwhelming. Its inherent sophistication makes it ideal for conveying quality and refined taste.

Best used for

  • Luxury branding and packaging (e.g., high-end cosmetics, gourmet foods)
  • Elegant event invitations and decor (weddings, galas, award ceremonies)
  • Website and app design for arts, culture, and hospitality sectors
  • Interior design visualization for sophisticated living spaces
  • Editorial design for fashion, lifestyle, or literary publications
  • Digital art and illustration requiring a rich, dreamy aesthetic

Suggested color roles

primary

Use #6B506A as the dominant color for commanding elements like main headers, hero sections, or calls to action, grounding the design with its deep, luxurious presence.

secondary

Employ #886C88 for supporting content, subheadings, or larger background blocks that need more depth than an accent but less intensity than the primary, offering a balanced visual weight.

accent

Apply #A78DA8 to highlight key information, interactive elements, or small design details. Its moderate brightness provides a subtle pop against darker tones without disrupting the palette's elegance.

background

Utilize #E9D0E0 as a soft, ethereal background color for main content areas or entire pages. Its light, airy quality provides excellent contrast for darker text and keeps the overall design feeling open and refined.

text

For optimal readability on lighter backgrounds like #E9D0E0, use #6B506A or #886C88 for primary text. On darker backgrounds, a crisp white or near-white (#F5F5F5) would ensure legibility.

Accessibility notes

  • Ensure sufficient contrast when pairing mid-tones like #A78DA8 with #C8AECC for text, as their proximity in lightness might fail WCAG standards.
  • Always test #6B506A or #886C88 for body text on #E9D0E0 to meet AA or AAA contrast guidelines for readability.
  • Avoid using #C8AECC or #A78DA8 as primary text colors on backgrounds like #886C88 or #6B506A due to likely insufficient contrast.
  • For interactive elements, maintain clear visual cues for focus and hover states using the darkest shades for icons or text on lighter backgrounds.

Recommended combinations

Classic Elegance

Ideal for sophisticated web headers: #6B506A for main titles, #E9D0E0 for background, and #886C88 for subheadings or descriptive text.

#6B506A · #E9D0E0 · #886C88

Soft Gradient

Creates a gentle, layered effect perfect for subtle UI elements, background textures, or soft visual transitions in digital interfaces.

#E9D0E0 · #C8AECC · #A78DA8

Rich Contrast

Use #6B506A as a strong base, #A78DA8 for prominent buttons or icons, and #C8AECC for supporting graphical elements or dividers.

#6B506A · #A78DA8 · #C8AECC

CSS variables

:root {
  --velvet-theater-curtains-2-1: #E9D0E0;
  --velvet-theater-curtains-2-2: #C8AECC;
  --velvet-theater-curtains-2-3: #A78DA8;
  --velvet-theater-curtains-2-4: #886C88;
  --velvet-theater-curtains-2-5: #6B506A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-theater-curtains-2": {
        1: "#E9D0E0",
        2: "#C8AECC",
        3: "#A78DA8",
        4: "#886C88",
        5: "#6B506A",
      }
    }
  }
}

Related searches

velvet purple color schemeelegant plum palettemuted purple designopulent color combinationsrich theater colors

Palette colors

Hex values

Color 1#E9D0E0
·
Color 2#C8AECC
·
Color 3#A78DA8
·
Color 4#886C88
·
Color 5#6B506A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.2:1AA18
4.9:1AA
2
1.4:1Fail
1.5:1Fail
2.3:1Fail
3.5:1AA18
3
2.1:1Fail
1.5:1Fail
1.5:1Fail
2.4:1Fail
4
3.2:1AA18
2.3:1Fail
1.5:1Fail
1.5:1Fail
5
4.9:1AA
3.5:1AA18
2.4:1Fail
1.5:1Fail

Similar palettes

More like Velvet Theater Curtains

View all dark
Baroque Crimson Drape
Baroque Velvet Drape
Crimson Velvet Drape
Elegant Baroque Velvet
Old Library Velvet
Plum Velvet Luxe