Back to palettes

Palette

Velvet Theater Grandeur

Embodying the dramatic, plush atmosphere of an old opera house, rich with crimson velvet and shadowy corners.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B0F1A#A22E2E#D1D0CE#3D0000#7D1F1F

Palette guide

How to use Velvet Theater Grandeur

Overview

The Velvet Theater Grandeur palette evokes the opulent, dramatic atmosphere of a classic opera house, perfect for projects requiring a sense of vintage luxury. This collection features deep, rich reds like #6B0F1A and #7D1F1F, reminiscent of plush velvet, contrasted with the almost black #3D0000 for shadowy depth. A vibrant, yet sophisticated #A22E2E offers a lighter touch of crimson, while the near-white #D1D0CE provides essential contrast and a touch of aged elegance. Designers can leverage these hues for branding that speaks of tradition and high culture, or for digital interfaces needing a sophisticated, immersive feel. Developers will find these robust colors translate well across various platforms, ensuring a consistent, dramatic aesthetic for high-end applications, event promotions, or editorial layouts.

Best used for

  • luxury event invitations
  • high-end fashion branding
  • vintage website themes
  • dramatic user interfaces
  • editorial design for arts publications
  • theater production promotional materials

Suggested color roles

primary

#6B0F1A: Ideal for prominent headers, brand logos, or main UI elements where a rich, inviting depth is desired.

secondary

#A22E2E: Excellent for subheadings, active states, or supporting graphical elements, providing a warmer crimson highlight.

accent

#D1D0CE: Best used for calls-to-action, icons, or subtle highlights to draw attention without overpowering the deep reds.

background

#3D0000: Provides a profound, elegant backdrop for content, creating a luxurious and immersive user experience.

text

#D1D0CE: Perfect for body text on dark backgrounds, ensuring readability while maintaining the palette's sophisticated aesthetic.

Accessibility notes

  • Ensure sufficient contrast when using #D1D0CE text on darker reds like #6B0F1A or #3D0000.
  • Avoid using #3D0000 text directly on #6B0F1A as contrast may be insufficient for readability.
  • For interactive elements, provide clear focus states to distinguish them from background colors.
  • Consider larger font sizes for text presented in similar dark red tones to improve legibility.

Recommended combinations

Dramatic Contrast

Effective for headers and key information, pairing deep background with light text and a strong primary highlight.

#3D0000 · #D1D0CE · #6B0F1A

Velvet Richness

Creates a luxurious, layered depth ideal for backgrounds, large sections, or textural elements.

#6B0F1A · #A22E2E · #7D1F1F

Accent Highlight

Use the darkest tone as a base, a medium red for emphasis, and the light color for crucial call-outs or icons.

#3D0000 · #7D1F1F · #D1D0CE

CSS variables

:root {
  --velvet-theater-grandeur-3-1: #6B0F1A;
  --velvet-theater-grandeur-3-2: #A22E2E;
  --velvet-theater-grandeur-3-3: #D1D0CE;
  --velvet-theater-grandeur-3-4: #3D0000;
  --velvet-theater-grandeur-3-5: #7D1F1F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-theater-grandeur-3": {
        1: "#6B0F1A",
        2: "#A22E2E",
        3: "#D1D0CE",
        4: "#3D0000",
        5: "#7D1F1F",
      }
    }
  }
}

Related searches

velvet red color schemeelegant theater design colorsdark luxury brand paletteopera house aesthetic hex codesdramatic crimson web design

Palette colors

Hex values

Color 1#6B0F1A
·
Color 2#A22E2E
·
Color 3#D1D0CE
·
Color 4#3D0000
·
Color 5#7D1F1F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
8:1AAA
1.4:1Fail
1.2:1Fail
2
1.7:1Fail
4.6:1AA
2.5:1Fail
1.4:1Fail
3
8:1AAA
4.6:1AA
11.4:1AAA
6.5:1AA
4
1.4:1Fail
2.5:1Fail
11.4:1AAA
1.7:1Fail
5
1.2:1Fail
1.4:1Fail
6.5:1AA
1.7:1Fail

Similar palettes

More like Velvet Theater Grandeur

View all dark
Crimson Velour
Plush Velvet Curtains
Stage Curtain Noir
Velvet Theater Curtains
Velvet Theater Seats
Velvet Theatre Curtains