Back to palettes

Palette

Midnight Coven Veil

Deep and brooding shades evoke a sense of ancient magic, moonlit rituals, and shadowy secrets.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A2E#0F3460#42033F#21032C#09091E

Palette guide

How to use Midnight Coven Veil

Overview

The Midnight Coven Veil palette conjures an atmosphere of ancient magic and shadowy secrets with its profoundly dark and mysterious hues. Featuring the deep navy of #0F3460, the rich, brooding #42033F, and the almost black #21032C, it grounds itself in the enigmatic #1A1A2E and the ultimate dark of #09091E. This palette is expertly crafted for designers and developers aiming to evoke a dramatic, gothic, or mystical aesthetic. It’s perfect for creating immersive user interfaces, captivating backgrounds, or sophisticated branding that demands attention. Leverage these shades to design experiences that feel opulent yet mysterious, ideal for fantasy-themed games, luxury goods with an edge, or any project requiring a powerful, dark allure.

Best used for

  • Gothic or dark fantasy game design
  • Mystical or occult-themed branding
  • Luxury fashion websites with an edgy feel
  • Dark mode interfaces for sophisticated apps
  • Halloween-themed digital content
  • Dramatic editorial photography backgrounds

Suggested color roles

primary

Utilize #09091E as the core background, establishing a profound, almost absolute darkness for a strong foundation.

secondary

Apply #1A1A2E for secondary panels or content containers, offering a subtle differentiation from the primary background.

accent

Employ #42033F sparingly for calls to action, highlights, or decorative elements to introduce a rich, dark magical touch.

background

The deep #09091E serves as an excellent primary background, enveloping content in a mysterious, dramatic veil.

text

For optimal readability, use a light grey or near-white text on #09091E or #1A1A2E, or apply #0F3460 for headings on lighter darks.

Accessibility notes

  • Ensure all text, especially on #09091E or #1A1A2E, meets WCAG AA contrast standards with a very light text color like #C0C0C0.
  • Avoid using #21032C for small text on #1A1A2E backgrounds due to insufficient contrast for many users.
  • Interactive elements should use a contrasting color like #42033F on a darker background to clearly indicate their clickable nature.
  • For users with visual impairments, provide an option for extremely high contrast text (e.g., pure white) against the darkest background.

Recommended combinations

Shadowy Depths

Perfect for creating layered backgrounds and content blocks, with the accent drawing the eye to key information.

#09091E · #1A1A2E · #42033F

Mystic Veil

Use for headers or footers, combining deep blues and purples to convey a sense of ancient, hidden knowledge.

#0F3460 · #21032C · #42033F

Dramatic Contrast

Ideal for UI elements where #0F3460 acts as a container, and #42033F highlights interactive states on a #09091E canvas.

#09091E · #0F3460 · #42033F

CSS variables

:root {
  --midnight-coven-veil-1: #1A1A2E;
  --midnight-coven-veil-2: #0F3460;
  --midnight-coven-veil-3: #42033F;
  --midnight-coven-veil-4: #21032C;
  --midnight-coven-veil-5: #09091E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-coven-veil": {
        1: "#1A1A2E",
        2: "#0F3460",
        3: "#42033F",
        4: "#21032C",
        5: "#09091E",
      }
    }
  }
}

Related searches

dark magic color schemegothic aesthetic colorsmysterious night palettedeep purple and blue colorsdramatic dark branding

Palette colors

Hex values

Color 1#1A1A2E
·
Color 2#0F3460
·
Color 3#42033F
·
Color 4#21032C
·
Color 5#09091E
·

Accessibility

Contrast checker

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

Similar palettes

More like Midnight Coven Veil

View all dark
Celestial Deep Blue
Deep Plum Twilight
Enchanted Forest Night
Enchanted Forest Veil
Enigmatic Shadow Tale
Galactic Star Dust