Back to palettes

Palette

Midnight Velvet Gloom

A rich, somber palette that conjures images of deep, plush velvet in the heart of a moonless night.

DarkDark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A0C2B#3A2152#5B3F7A#2B1C41#7E5D9F

Palette guide

How to use Midnight Velvet Gloom

Overview

The Midnight Velvet Gloom palette conjures images of deep, plush velvet in a moonless night, offering a rich, somber aesthetic. With a foundational deep purple #1A0C2B, it explores a range of darker purples like #3A2152, #5B3F7A, and #2B1C41, creating a mysterious and sophisticated depth. The palette is completed by #7E5D9F, a lighter, more vibrant purple that serves as a subtle accent. Designers and developers can leverage this palette to craft dramatic, gothic, or high-end designs. It's particularly effective for projects that require an air of intrigue, elegance, and a touch of the macabre, from digital interfaces to print materials.

Best used for

  • Gothic-themed websites or video games
  • Dramatic theatrical or event posters
  • Dark academia branding and content
  • Mystery novel covers and book design
  • Luxurious evening wear design concepts
  • Sophisticated digital art and illustrations

Suggested color roles

primary

Use #1A0C2B as the dominant base for backgrounds and large sections, establishing a deep, mysterious atmosphere.

secondary

Apply #3A2152 for supporting elements, sub-headers, or layered UI components, adding subtle variation.

accent

Employ #7E5D9F for key highlights, interactive elements, or decorative details to provide a pop of mystic vibrancy.

background

Utilize #1A0C2B for an immersive dark canvas, creating a profound and elegant setting.

text

Use #7E5D9F for headings and important text, ensuring visibility. For body text, consider a very light gray or white for optimal readability.

Accessibility notes

  • #7E5D9F offers the best contrast for text when used against the darker hues like #1A0C2B and #2B1C41.
  • Avoid using #3A2152 on #1A0C2B for small body text, as their contrast might be insufficient for readability.
  • For general body text, consider using a near-white or light gray to ensure optimal readability on the deep purple backgrounds.
  • Ensure all interactive elements, even with subtle color differences, have clear visual cues for focus and hover states.

Recommended combinations

Deep Mystery

Ideal for main branding, headlines, and key information, creating a mysterious yet clear and readable look.

#1A0C2B · #7E5D9F · #5B3F7A

Velvet Layers

Excellent for backgrounds, subtle UI depth, or atmospheric visual effects that require nuanced dark tones.

#1A0C2B · #2B1C41 · #3A2152

Dramatic Highlight

Perfect for call-to-action buttons, important notices, or navigational elements that need to stand out with elegance.

#2B1C41 · #7E5D9F · #5B3F7A

CSS variables

:root {
  --midnight-velvet-gloom-1: #1A0C2B;
  --midnight-velvet-gloom-2: #3A2152;
  --midnight-velvet-gloom-3: #5B3F7A;
  --midnight-velvet-gloom-4: #2B1C41;
  --midnight-velvet-gloom-5: #7E5D9F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-velvet-gloom": {
        1: "#1A0C2B",
        2: "#3A2152",
        3: "#5B3F7A",
        4: "#2B1C41",
        5: "#7E5D9F",
      }
    }
  }
}

Related searches

gothic color schemesdeep purple velvet palettemysterious dark colorsdark academia aestheticsomber elegant design

Palette colors

Hex values

Color 1#1A0C2B
·
Color 2#3A2152
·
Color 3#5B3F7A
·
Color 4#2B1C41
·
Color 5#7E5D9F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.2:1Fail
1.2:1Fail
3.5:1AA18
2
1.3:1Fail
1.6:1Fail
1.1:1Fail
2.6:1Fail
3
2.2:1Fail
1.6:1Fail
1.8:1Fail
1.6:1Fail
4
1.2:1Fail
1.1:1Fail
1.8:1Fail
2.9:1Fail
5
3.5:1AA18
2.6:1Fail
1.6:1Fail
2.9:1Fail

Similar palettes

More like Midnight Velvet Gloom

View all Dark
Abyssal Bioluminescence
Gothic Nightshade Bloom
Midnight Bloom Velvet
Midnight Ember Smoke
Shadowed Woods Deep
Abyssal Seaweed Garden