Back to palettes

Palette

Midnight Velour Stage

Rich, dark purples and deep blues evoke the luxurious feel of velvet curtains on a moonlit stage.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Velour Stage 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 Midnight Velour Stage.

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

Data visualization

#1A0D2F#3B1B5D#5E2D8B#8240B8#A652E5

Palette guide

How to use Midnight Velour Stage

Overview

The Midnight Velour Stage palette evokes the rich, luxurious feel of velvet curtains on a moonlit stage, featuring a progression of deep purples and indigos. Starting with the profound #1A0D2F (darkest indigo-purple) and moving through #3B1B5D (deep velvet purple) to the vibrant #A652E5 (bright orchid purple), this palette offers a dramatic yet elegant range. #5E2D8B (medium violet) and #8240B8 (lavender purple) provide crucial mid-tones, ensuring versatility. It's an excellent choice for designs that demand a sense of theatrical grandeur, luxury, and a captivating, moody atmosphere, perfect for high-impact visual storytelling.

Best used for

  • Performing arts and theater websites
  • Luxury product showcases and branding
  • Gala events and high-end invitations
  • Fashion editorial layouts and lookbooks
  • Creative portfolio sites for artists
  • Dark-themed apps with a touch of elegance

Suggested color roles

primary

Use #1A0D2F as the main background color to create an enveloping, dramatic, and luxurious dark canvas.

secondary

Apply #3B1B5D for content sections, panels, or navigation elements to provide subtle depth and structure.

accent

Employ #A652E5 for eye-catching calls to action, interactive elements, or key highlights that need to stand out vibrantly.

background

Choose #1A0D2F for the primary background to establish a sophisticated, deep purple aesthetic that feels both rich and expansive.

text

For primary body text, a very light grey or white is recommended. For headings or decorative text, #8240B8 can provide a readable, elegant option on darker backgrounds.

Accessibility notes

  • Ensure #A652E5 provides sufficient contrast against #1A0D2F and #3B1B5D for all critical text and interactive elements.
  • Verify that #8240B8, when used for text, meets readability standards on the darkest backgrounds, especially for smaller font sizes.
  • Avoid using #5E2D8B as text on #3B1B5D due to low contrast; reserve it for backgrounds or large decorative elements.
  • Always test contrast ratios for all text and UI components to ensure WCAG AA compliance across the spectrum of purples.

Recommended combinations

Dramatic Spotlight

The deepest indigo-purple base with a vibrant orchid accent and a rich velvet purple for supporting content, creating a dramatic focal point.

#1A0D2F · #A652E5 · #3B1B5D

Velvet Layers

A deep velvet purple base, layered with a lighter lavender purple for text, and a bright orchid for a striking accent.

#3B1B5D · #8240B8 · #A652E5

Deep Elegance

A medium violet background with a vibrant accent and the darkest indigo-purple for strong contrast in headings or borders.

#5E2D8B · #A652E5 · #1A0D2F

CSS variables

:root {
  --midnight-velour-stage-1: #1A0D2F;
  --midnight-velour-stage-2: #3B1B5D;
  --midnight-velour-stage-3: #5E2D8B;
  --midnight-velour-stage-4: #8240B8;
  --midnight-velour-stage-5: #A652E5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-velour-stage": {
        1: "#1A0D2F",
        2: "#3B1B5D",
        3: "#5E2D8B",
        4: "#8240B8",
        5: "#A652E5",
      }
    }
  }
}

Related searches

theatrical color palettedeep purple brandingelegant dark themevelvet texture colorsluxury stage design

Palette colors

Hex values

Color 1#1A0D2F
·
Color 2#3B1B5D
·
Color 3#5E2D8B
·
Color 4#8240B8
·
Color 5#A652E5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
3:1Fail
4.3:1AA18
2
1.3:1Fail
1.5:1Fail
2.2:1Fail
3.3:1AA18
3
1.9:1Fail
1.5:1Fail
1.5:1Fail
2.2:1Fail
4
3:1Fail
2.2:1Fail
1.5:1Fail
1.5:1Fail
5
4.3:1AA18
3.3:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Midnight Velour Stage

View all dark
Midnight Bloom Garden
Midnight Geode Crystal
Midnight Velour Drapes
Midnight Velvet Cosmos
Soft Velvet Drape
Baroque Velvet Plum