Back to palettes

Palette

Midnight Orchid Veil

Deep and mysterious, like an exotic orchid blooming under the cover of a velvet midnight sky.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#2F4F4F#000000#B2A7C2#8A2BE2

Palette guide

How to use Midnight Orchid Veil

Overview

The Midnight Orchid Veil palette offers a sophisticated blend of deep, mysterious hues perfect for creating an atmosphere of elegant intrigue. Anchored by true black (#000000), it features a rich dark violet (#4B0082) and a vibrant orchid purple (#8A2BE2) for striking accents. Complementary dark slate gray (#2F4F4F) provides a muted contrast, while a delicate light gray-purple (#B2A7C2) adds a touch of ethereal lightness. This collection is ideal for projects demanding a luxurious, yet enigmatic, visual identity.

Best used for

  • Luxury branding and packaging
  • Evening wear e-commerce platforms
  • Sophisticated event invitations and decor
  • Dark mode UI/UX designs
  • Artistic and photography portfolios
  • Gothic or fantasy-themed digital content

Suggested color roles

primary

Use #4B0082 (dark violet) as the dominant brand color, conveying depth and luxury.

secondary

Employ #2F4F4F (dark slate gray) for supporting elements, backgrounds, or subtle contrasts.

accent

Apply #8A2BE2 (vibrant orchid) for calls-to-action, highlights, or decorative flourishes.

background

Utilize #000000 (true black) for a dramatic, deep canvas, enhancing other colors.

text

For readability on dark backgrounds, use #B2A7C2 (light gray-purple) or a crisp white.

Accessibility notes

  • Ensure #B2A7C2 text has sufficient contrast against #000000 and #2F4F4F backgrounds.
  • Verify that #8A2BE2 (accent) maintains readability when placed on both dark and lighter palette colors.
  • Avoid using #2F4F4F as text on #000000 or #4B0082, as contrast will be poor.
  • Always use a color contrast checker for all text and background pairings to meet WCAG standards.

Recommended combinations

Deep Elegance

For dramatic headlines or hero sections, combining a dark base with rich and vibrant purples.

#000000 · #4B0082 · #8A2BE2

Muted Mystery

Creating a softer, sophisticated feel for background elements or secondary content blocks.

#2F4F4F · #B2A7C2 · #4B0082

Vibrant Touch

Highlighting key information with a rich primary, light text, and a striking accent.

#4B0082 · #B2A7C2 · #8A2BE2

CSS variables

:root {
  --midnight-orchid-veil-2-1: #4B0082;
  --midnight-orchid-veil-2-2: #2F4F4F;
  --midnight-orchid-veil-2-3: #000000;
  --midnight-orchid-veil-2-4: #B2A7C2;
  --midnight-orchid-veil-2-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-orchid-veil-2": {
        1: "#4B0082",
        2: "#2F4F4F",
        3: "#000000",
        4: "#B2A7C2",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

dark purple color schemeelegant night palettegothic design colorsdeep orchid huesmysterious ui colors

Palette colors

Hex values

Color 1#4B0082
·
Color 2#2F4F4F
·
Color 3#000000
·
Color 4#B2A7C2
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.6:1Fail
5.7:1AA
2.2:1Fail
2
1.5:1Fail
2.4:1Fail
3.9:1AA18
1.5:1Fail
3
1.6:1Fail
2.4:1Fail
9.2:1AAA
3.5:1AA18
4
5.7:1AA
3.9:1AA18
9.2:1AAA
2.6:1Fail
5
2.2:1Fail
1.5:1Fail
3.5:1AA18
2.6:1Fail

Similar palettes

More like Midnight Orchid Veil

View all dark
Amethyst Veil Mystique
Midnight Glow
Midnight Orchid Bloom
Moonbeam Twilight
Nocturne Bloom Velvet
Whispering Orchid Veil