Back to palettes

Palette

Midnight Masquerade Veil

A deep and rich palette, reminiscent of a secretive and elegant midnight masquerade.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Masquerade Veil 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 Masquerade Veil.

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

Data visualization

#36013F#720042#1C001F#A32A29#2D142C

Palette guide

How to use Midnight Masquerade Veil

Overview

The Midnight Masquerade Veil palette is a deep and rich collection of purples and a striking crimson, perfectly capturing the essence of a secretive and elegant midnight masquerade. Featuring the profound #1C001F (deepest purple-black), the mysterious #36013F (dark purple), the opulent #720042 (deep magenta), and the dramatic #A32A29 (rich crimson), this palette is ideal for designers and developers seeking to evoke luxury, intrigue, and a theatrical flair. It's excellent for creating designs that feel both mysterious and sumptuously elegant, with a bold, captivating presence.

Best used for

  • Event branding for galas or masquerades
  • Luxury product packaging and advertising
  • Theatrical or performance art websites
  • Mystery or fantasy game user interfaces
  • High-end fashion editorial design
  • Dramatic and opulent web themes

Suggested color roles

primary

Use #36013F as the main color for large elements or primary content areas, setting a mysterious and rich tone.

secondary

Apply #2D142C for supportive elements, subheadings, or subtle backgrounds, offering a deep, harmonious complement.

accent

Utilize #A32A29 as a bold, dramatic highlight for calls-to-action, key features, or striking visual accents.

background

Employ #1C001F as the deepest background, creating an enigmatic and immersive canvas.

text

For primary text, a light gray or white provides optimal readability. For secondary text or subtle details, #720042 can be used with careful contrast checking.

Accessibility notes

  • Ensure a light text color (e.g., white) has sufficient contrast when used on #1C001F, #36013F, or #2D142C backgrounds.
  • The rich accent colors #A32A29 and #720042 will require very light text to meet accessibility standards if used for typography.
  • Avoid using #1C001F and #2D142C as text and background pairs due to insufficient contrast.
  • Provide clear hover and active states for interactive elements, ensuring they stand out against the deep, similar tones.

Recommended combinations

Opulent Base

A dramatic foundation with #1C001F as background, #36013F for content panels, and #A32A29 for impactful calls-to-action.

#1C001F · #36013F · #A32A29

Mysterious Layers

Layered design using #36013F for main content, #2D142C for sub-panels, and #720042 for secondary headings or decorative elements.

#36013F · #2D142C · #720042

Dramatic Contrast

Employ #1C001F as background, #720042 for prominent headings, and #A32A29 for key interactive elements or alerts.

#1C001F · #720042 · #A32A29

CSS variables

:root {
  --midnight-masquerade-veil-1: #36013F;
  --midnight-masquerade-veil-2: #720042;
  --midnight-masquerade-veil-3: #1C001F;
  --midnight-masquerade-veil-4: #A32A29;
  --midnight-masquerade-veil-5: #2D142C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-masquerade-veil": {
        1: "#36013F",
        2: "#720042",
        3: "#1C001F",
        4: "#A32A29",
        5: "#2D142C",
      }
    }
  }
}

Related searches

dark purple red palettemasquerade colorsopulent dark thememysterious elegant designdramatic luxury scheme

Palette colors

Hex values

Color 1#36013F
·
Color 2#720042
·
Color 3#1C001F
·
Color 4#A32A29
·
Color 5#2D142C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.2:1Fail
2.4:1Fail
1:1Fail
2
1.5:1Fail
1.7:1Fail
1.6:1Fail
1.4:1Fail
3
1.2:1Fail
1.7:1Fail
2.7:1Fail
1.2:1Fail
4
2.4:1Fail
1.6:1Fail
2.7:1Fail
2.3:1Fail
5
1:1Fail
1.4:1Fail
1.2:1Fail
2.3:1Fail

Similar palettes

More like Midnight Masquerade Veil

View all dark
Deep Plum Twilight
Midnight Velvet Cloak
Moonlit Abbey Shadow
Nebula Dream Dust
Black Rose Bloom
Cosmic Haze Veil