Back to palettes

Palette

Midnight Orchid Veil

Dark, luxurious purples evoking the mysterious bloom of an orchid under the cover of night.

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

#3C096C#5A189A#7B2CBF#9D4ED0#C77DFF

Palette guide

How to use Midnight Orchid Veil

Overview

The Midnight Orchid Veil palette is a luxurious gradient of purples, from the deepest plum to a luminous violet, designed to evoke mystery and elegance. Featuring #3C096C, #5A189A, #7B2CBF, #9D4ED0, and #C77DFF, this collection provides a harmonious range for sophisticated designs. Its deep, rich tones are reminiscent of exotic orchids blooming under a moonlit sky, offering designers and developers a versatile spectrum for creating opulent and visually captivating experiences.

Best used for

  • Luxury product packaging and branding
  • Brand identity for creative businesses
  • High-end event design and marketing
  • Digital art and illustration
  • Mystical or ethereal-themed websites
  • Fashion and beauty editorial content

Suggested color roles

primary

Anchor your design with #3C096C (deepest purple) for a strong, luxurious foundation.

secondary

Use #5A189A (rich plum) for supporting sections or darker textual elements.

accent

Apply #C77DFF (luminous violet) to draw attention to interactive elements or key details.

background

Choose #3C096C or #5A189A for a dark, opulent background that enhances other shades.

text

For contrast, use #C77DFF or a near-white (e.g., #F0F0F0) on darker backgrounds.

Accessibility notes

  • Ensure sufficient contrast between lighter purples like #C77DFF and darker backgrounds such as #3C096C.
  • Avoid using adjacent shades (e.g., #9D4ED0 on #7B2CBF) for text unless contrast is verified for readability.
  • Consider a very light background (e.g., off-white) if using darker purples for text elements.
  • While offering gradient potential, carefully check contrast for all text and interactive elements.

Recommended combinations

Gradient Depth

Ideal for smooth transitions in UI backgrounds or visual storytelling elements.

#3C096C · #7B2CBF · #C77DFF

Bold Statement

Creating strong visual impact with a deep base, bright highlight, and supporting mid-tone.

#3C096C · #C77DFF · #5A189A

Soft Highlight

For a gentle, luminous feel in headers or section separators.

#5A189A · #9D4ED0 · #C77DFF

CSS variables

:root {
  --midnight-orchid-veil-1: #3C096C;
  --midnight-orchid-veil-2: #5A189A;
  --midnight-orchid-veil-3: #7B2CBF;
  --midnight-orchid-veil-4: #9D4ED0;
  --midnight-orchid-veil-5: #C77DFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-orchid-veil": {
        1: "#3C096C",
        2: "#5A189A",
        3: "#7B2CBF",
        4: "#9D4ED0",
        5: "#C77DFF",
      }
    }
  }
}

Related searches

purple gradient paletteluxury orchid colorsmystical purple designsvibrant violet schemeelegant dark purples

Palette colors

Hex values

Color 1#3C096C
·
Color 2#5A189A
·
Color 3#7B2CBF
·
Color 4#9D4ED0
·
Color 5#C77DFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3.1:1AA18
5.4:1AA
2
1.4:1Fail
1.5:1Fail
2.2:1Fail
3.8:1AA18
3
2:1Fail
1.5:1Fail
1.5:1Fail
2.6:1Fail
4
3.1:1AA18
2.2:1Fail
1.5:1Fail
1.8:1Fail
5
5.4:1AA
3.8:1AA18
2.6:1Fail
1.8:1Fail

Similar palettes

More like Midnight Orchid Veil

View all dark
Midnight Bloom Garden
Midnight Cherry Blossom
Midnight Orchid Bloom
Midnight Orchid Velvet
Midnight Velvet Bloom
Moonlit Garden Bloom