Back to palettes

Palette

Midnight Velvet Drape

Deep, luxurious purples creating an atmosphere of mystery and opulent midnight elegance.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Velvet Drape 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 Velvet Drape.

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

Data visualization

#1F0033#3C005F#6B008A#2A004D#5E007B

Palette guide

How to use Midnight Velvet Drape

Overview

The Midnight Velvet Drape palette (version 2) is a deeply monochromatic collection of purples, designed to create an atmosphere of mystery and opulent midnight elegance. Ranging from #1F0033 (deepest royal purple) to #6B008A (vibrant deep purple), with #3C005F (darker purple), #2A004D (mid-dark purple), and #5E007B (medium deep purple) providing rich transitions. This palette exudes sophistication and grandeur, ideal for designs that require a singular, powerful color story. It's perfectly suited for high-end branding, luxurious digital interfaces, or any project aiming for an exclusive, regal aesthetic with subtle, deep variations.

Best used for

  • Royal-themed branding and luxury goods
  • High-fashion magazine layouts and websites
  • Exclusive club interiors and event design
  • Theatrical event posters and programs
  • Dark academia aesthetic projects
  • Sophisticated app themes with deep colors

Suggested color roles

primary

Use #1F0033 as the dominant background color to establish an immediate sense of royal luxury and deep mystery.

secondary

Apply #3C005F for content areas, panels, or navigation elements, providing a subtle, darker purple contrast.

accent

Employ #6B008A for calls to action, interactive elements, or key highlights that need to stand out with vibrant depth.

background

Choose #1F0033 for the main background to create an enveloping, opulent, and profoundly dark purple aesthetic.

text

For primary body text, white or a very light grey is essential for readability. For headings, #6B008A can offer elegant contrast against the darker purples.

Accessibility notes

  • This monochromatic palette is very dark; white or a very light grey is crucial for all body text on these purples.
  • Ensure #6B008A provides sufficient contrast against #1F0033 and #3C005F for smaller text and interactive elements.
  • Avoid using #2A004D or #5E007B as text colors on the darkest backgrounds due to insufficient contrast; reserve them for backgrounds.
  • Rigorously test contrast ratios for all text and UI components to meet WCAG AA standards, as color differences are subtle.

Recommended combinations

Royal Depths

The deepest royal purple base with a vibrant deep purple accent and a darker purple for subtle layering, creating a rich, opulent look.

#1F0033 · #6B008A · #3C005F

Velvet Shadows

A darker purple background with a medium deep purple for content and a mid-dark purple for subtle borders, maintaining a monochromatic elegance.

#3C005F · #5E007B · #2A004D

Opulent Contrast

A vibrant deep purple as a background, paired with the deepest royal purple for strong contrast and a darker purple for supporting details.

#6B008A · #1F0033 · #3C005F

CSS variables

:root {
  --midnight-velvet-drape-2-1: #1F0033;
  --midnight-velvet-drape-2-2: #3C005F;
  --midnight-velvet-drape-2-3: #6B008A;
  --midnight-velvet-drape-2-4: #2A004D;
  --midnight-velvet-drape-2-5: #5E007B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-velvet-drape-2": {
        1: "#1F0033",
        2: "#3C005F",
        3: "#6B008A",
        4: "#2A004D",
        5: "#5E007B",
      }
    }
  }
}

Related searches

royal purple color schemedeep luxury purple palettevelvet dark themeelegant midnight colorsmonochromatic purple design

Palette colors

Hex values

Color 1#1F0033
·
Color 2#3C005F
·
Color 3#6B008A
·
Color 4#2A004D
·
Color 5#5E007B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.8:1Fail
1.1:1Fail
1.6:1Fail
2
1.2:1Fail
1.5:1Fail
1.1:1Fail
1.3:1Fail
3
1.8:1Fail
1.5:1Fail
1.7:1Fail
1.1:1Fail
4
1.1:1Fail
1.1:1Fail
1.7:1Fail
1.5:1Fail
5
1.6:1Fail
1.3:1Fail
1.1:1Fail
1.5:1Fail

Similar palettes

More like Midnight Velvet Drape

View all dark
Royal Velvet Drape
Dusky Velvet Drape
Glamorous Velvet Curtain
Midnight Velvet Bloom
Opera House Drama
Rich Velvet Drape