Palette

Midnight Velvet Drape

Deep, luxurious purples and indigos create a rich, enveloping feel, like heavy velvet drapes in a moonlit room.

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

#0F0B1D#2B1F4F#4A3A7C#7358AD#9B86CF

Palette guide

How to use Midnight Velvet Drape

Overview

The Midnight Velvet Drape palette (version 1) features deep, luxurious purples and indigos, creating a rich, enveloping feel, much like heavy velvet drapes in a moonlit room. Anchored by #0F0B1D (deepest indigo) and #2B1F4F (dark purple-indigo), it sets a profoundly moody yet elegant foundation. The palette transitions gracefully through #4A3A7C (medium indigo-purple) and #7358AD (medium lavender), culminating in the luminous #9B86CF (light lavender). This scheme is ideal for projects that seek to convey sophistication, comfort, and a touch of dramatic flair, perfect for high-end interior design, luxury branding, or atmospheric digital experiences.

Best used for

High-end furniture and interior design branding
Luxury hospitality and boutique hotel websites
Editorial features on art, culture, and lifestyle
Sophisticated app themes and user interfaces
Theatrical production branding and marketing
Elegant event decor and ambient lighting concepts

Suggested color roles

primary

Use #0F0B1D as the foundational deep indigo, creating an immersive, rich, and enveloping dark canvas.

secondary

Apply #2B1F4F for content blocks, panels, or navigation elements, adding a layer of dark purple-indigo depth.

accent

Employ #7358AD for subtle highlights, secondary interactive elements, or decorative details where a soft, elegant glow is desired.

background

Choose #0F0B1D for the main background to establish a sophisticated, moody, and profoundly dark aesthetic.

text

For primary body text, #9B86CF offers excellent readability on the darker shades. For headings, #7358AD or white can provide elegant contrast.

Accessibility notes

Ensure #9B86CF provides excellent contrast against #0F0B1D and #2B1F4F for all text sizes.
Verify that #7358AD, when used for text on #2B1F4F, meets readability standards, especially for smaller font sizes.
Avoid using #4A3A7C as text on #2B1F4F due to potential low contrast; use it as a background for lighter text.
This palette offers a good range for contrast; always test specific color pairings to meet WCAG AA standards.

Recommended combinations

Enveloping Depth

The deepest indigo base with the lightest lavender for primary text and a dark purple-indigo for subheadings, creating a rich, readable hierarchy.

#0F0B1D · #9B86CF · #2B1F4F

Moody Elegance

A dark purple-indigo background with a medium lavender for highlights and a medium indigo-purple for supporting content, evoking a sophisticated mood.

#2B1F4F · #7358AD · #4A3A7C

Velvet Glimmer

A medium indigo-purple background with light lavender text and the deepest indigo for strong, elegant contrast in borders or icons.

#4A3A7C · #9B86CF · #0F0B1D

CSS variables

:root {
  --midnight-velvet-drape-1: #0F0B1D;
  --midnight-velvet-drape-2: #2B1F4F;
  --midnight-velvet-drape-3: #4A3A7C;
  --midnight-velvet-drape-4: #7358AD;
  --midnight-velvet-drape-5: #9B86CF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-velvet-drape": {
        1: "#0F0B1D",
        2: "#2B1F4F",
        3: "#4A3A7C",
        4: "#7358AD",
        5: "#9B86CF",
      }
    }
  }
}

Hex values

Color 1#0F0B1D

Color 2#2B1F4F

Color 3#4A3A7C

Color 4#7358AD

Color 5#9B86CF

Accessibility

Contrast checker

1.3:1Fail

2:1Fail

3.4:1AA18

6.2:1AA

1.3:1Fail

1.5:1Fail

2.6:1Fail

4.7:1AA

2:1Fail

1.5:1Fail

1.7:1Fail

3.1:1AA18

3.4:1AA18

2.6:1Fail

1.7:1Fail

1.8:1Fail

6.2:1AA

4.7:1AA

3.1:1AA18

1.8:1Fail

Similar palettes

More like Midnight Velvet Drape

Amethyst Veil Mystique