Back to palettes

Palette

Midnight Velvet Cloak

Luxuriously deep tones inspired by the plush texture of a velvet cloak in twilight's embrace.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1D0D2E#3A104E#6A1A70#4B0082#0F0F0F

Palette guide

How to use Midnight Velvet Cloak

Overview

The Midnight Velvet Cloak palette offers a collection of luxuriously deep tones, inspired by the plush texture of a velvet cloak in twilight's embrace. With a foundational #0F0F0F (absolute black) and deep purples like #1D0D2E (very deep purple-black) and #3A104E (dark plum), it establishes an air of mystery and sophistication. The royal #4B0082 (dark indigo) serves as a captivating accent, while #6A1A70 (dark magenta-purple) adds a hint of richness. This palette is ideal for projects that aim to evoke elegance, intrigue, and a powerful, dark aesthetic, perfect for high-end fashion, fantasy, or exclusive branding.

Best used for

  • Mystery novel covers and branding
  • Gothic or dark fantasy game aesthetics
  • High-end fashion and luxury apparel websites
  • Exclusive event invitations and promotions
  • Luxurious product packaging design
  • Moody photography backdrops and themes

Suggested color roles

primary

Use #0F0F0F as the absolute black foundation, providing an unparalleled depth and a sense of ultimate darkness.

secondary

Apply #1D0D2E for main content areas or background elements, offering a subtle shift from pure black to a deep purple-black.

accent

Employ #4B0082 for compelling calls to action, interactive elements, or key highlights that need to stand out with royal authority.

background

Choose #0F0F0F for the primary background to create an immediate sense of mystery, luxury, and enveloping darkness.

text

For primary body text, white or a very pale grey is crucial for readability. For headings, #4B0082 or #6A1A70 can provide elegant contrast against the darkest backgrounds.

Accessibility notes

  • Using white or a very light grey for body text is essential on #0F0F0F, #1D0D2E, and #3A104E for readability.
  • Ensure #4B0082 provides sufficient contrast against the darkest shades for smaller text, especially for interactive elements.
  • Avoid using #6A1A70 as text on #3A104E due to extremely low contrast; reserve it for large decorative text or background elements.
  • This is a very dark palette; rigorously check all text and UI element contrast ratios to meet WCAG AA standards.

Recommended combinations

Cloaked Mystery

The deepest black base with a strong royal indigo accent and a very deep purple-black for subtle layering, creating a mysterious focal point.

#0F0F0F · #4B0082 · #1D0D2E

Velvet Shadows

A deep purple-black base with a dark magenta-purple for decorative elements and a dark plum for subtle depth and transition.

#1D0D2E · #6A1A70 · #3A104E

Deep Enchantment

A dark plum background with a vibrant royal indigo accent and pure black for strong, dramatic contrast in borders or icons.

#3A104E · #4B0082 · #0F0F0F

CSS variables

:root {
  --midnight-velvet-cloak-1: #1D0D2E;
  --midnight-velvet-cloak-2: #3A104E;
  --midnight-velvet-cloak-3: #6A1A70;
  --midnight-velvet-cloak-4: #4B0082;
  --midnight-velvet-cloak-5: #0F0F0F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-velvet-cloak": {
        1: "#1D0D2E",
        2: "#3A104E",
        3: "#6A1A70",
        4: "#4B0082",
        5: "#0F0F0F",
      }
    }
  }
}

Related searches

dark mysterious palettevelvet goth colorsdeep purple black schemeelegant dark brandingtwilight cloak design

Palette colors

Hex values

Color 1#1D0D2E
·
Color 2#3A104E
·
Color 3#6A1A70
·
Color 4#4B0082
·
Color 5#0F0F0F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
1.4:1Fail
1:1Fail
2
1.2:1Fail
1.5:1Fail
1.2:1Fail
1.2:1Fail
3
1.7:1Fail
1.5:1Fail
1.2:1Fail
1.8:1Fail
4
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.5:1Fail
5
1:1Fail
1.2:1Fail
1.8:1Fail
1.5:1Fail

Similar palettes

More like Midnight Velvet Cloak

View all dark