Palette

Velvet Theater Curtains

Deep, dramatic hues reminiscent of lush velvet curtains gracing a grand old theater stage.

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

#5A1F3C#8C2F52#BA5C80#C2B3BF#3C1528

Palette guide

How to use Velvet Theater Curtains

Overview

The Velvet Theater Curtains palette offers a luxurious and dramatic color scheme, perfect for evoking elegance and romance. Featuring deep, rich hues like the primary `#5A1F3C` and the even darker `#3C1528`, it creates an opulent atmosphere. The palette is balanced with the vibrant secondary `#8C2F52` and the softer, more delicate accent of `#BA5C80`. A light greige, `#C2B3BF`, provides a sophisticated contrast, ideal for subtle details or lighter backgrounds. This collection is designed to imbue digital and physical spaces with the grandeur and mystery of a classic theatrical setting, making it highly versatile for high-end design projects requiring a touch of old-world charm and modern sophistication.

Best used for

Luxury brand websites or packaging
High-end event invitations (weddings, galas)
Romantic or dramatic editorial design
Interior design mood boards for sophisticated spaces
Theatrical production branding or marketing
Fashion and beauty product interfaces

Suggested color roles

primary

Use `#5A1F3C` (Velvet Deep Red) for brand logos, main navigation, or hero sections to establish an immediate sense of luxury and drama.

secondary

Employ `#8C2F52` (Rich Berry Red) for calls to action, important headings, or interactive elements, providing a vibrant yet deep contrast to the primary.

accent

This softer shade, `#BA5C80` (Muted Rose), works wonderfully for subtle highlights, hover states, or decorative flourishes, adding a touch of delicate elegance.

background

Utilize `#3C1528` (Deepest Plum-Brown) for full-page backgrounds, dark mode themes, or footer sections to create a truly immersive and opulent environment.

text

For optimal readability against the dark palette, use a light color like pure white or a near-white, soft grey. `#C2B3BF` can also be used for secondary or decorative text on darker backgrounds for a monochromatic feel.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using `#C2B3BF` on darker shades like `#3C1528` or `#5A1F3C`.
Avoid placing `#8C2F52` text directly on `#5A1F3C` backgrounds without checking contrast ratios, as they are similar in value.
Use a high-contrast color like white for essential body text on all dark palette colors to meet WCAG AA standards.
Reserve the lighter `#BA5C80` and `#C2B3BF` for larger headings or decorative elements when used as text on mid-tone backgrounds.

Recommended combinations

Dramatic Contrast

A sophisticated combination for dark mode interfaces, using the lightest shade for primary text and the deep red for accents.

#3C1528 · #C2B3BF · #5A1F3C

Romantic Elegance

Perfect for branding, event invitations, or editorial layouts, blending deep and soft reds for a luxurious feel.

#5A1F3C · #BA5C80 · #8C2F52

Subtle Depth

Ideal for background elements or subtle branding, with the darkest shade providing depth and the lightest offering a gentle highlight.

#3C1528 · #5A1F3C · #C2B3BF

CSS variables

:root {
  --velvet-theater-curtains-3-1: #5A1F3C;
  --velvet-theater-curtains-3-2: #8C2F52;
  --velvet-theater-curtains-3-3: #BA5C80;
  --velvet-theater-curtains-3-4: #C2B3BF;
  --velvet-theater-curtains-3-5: #3C1528;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-theater-curtains-3": {
        1: "#5A1F3C",
        2: "#8C2F52",
        3: "#BA5C80",
        4: "#C2B3BF",
        5: "#3C1528",
      }
    }
  }
}

Hex values

Color 1#5A1F3C

Color 2#8C2F52

Color 3#BA5C80

Color 4#C2B3BF

Color 5#3C1528

Accessibility

Contrast checker

1.6:1Fail

2.9:1Fail

6.2:1AA

1.3:1Fail

1.6:1Fail

1.9:1Fail

4:1AA18

2:1Fail

2.9:1Fail

1.9:1Fail

2.1:1Fail

3.7:1AA18

6.2:1AA

4:1AA18

2.1:1Fail

7.9:1AAA

1.3:1Fail

2:1Fail

3.7:1AA18

7.9:1AAA

Similar palettes

More like Velvet Theater Curtains

View all dark

Crimson Velvet Theater

Velvet Theater Seats

Baroque Theater Velvet

Crimson Velour

Crimson Velvet Drape

Deep Crimson Curtain