Back to palettes

Palette

Midnight Plum Elegance

Deep and luxurious shades of plum, evoking the richness of velvet under 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 Plum Elegance 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 Plum Elegance.

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

Data visualization

#1A0033#3C0066#6F0099#A500CC#D100FF

Palette guide

How to use Midnight Plum Elegance

Overview

The Midnight Plum Elegance palette is a vibrant and luxurious collection of deep purples, ranging from an almost black plum to a brilliant fuchsia. With hex codes #1A0033, #3C0066, #6F0099, #A500CC, and #D100FF, this palette radiates sophistication and drama. It’s perfect for designs that aim to be both opulent and strikingly modern, evoking the richness of velvet under a moonless night. Designers and developers can leverage this spectrum to create high-impact, memorable visual experiences.

Best used for

  • High-impact digital marketing campaigns
  • Luxury brand identities and logos
  • Elegant event invitations and decor
  • Fashion editorial and lookbooks
  • Creative presentations and pitch decks
  • Dramatic UI themes and interfaces

Suggested color roles

primary

Use #1A0033 (deepest plum) as the commanding base for a luxurious foundation.

secondary

Employ #3C0066 (rich dark purple) for supporting elements or background variations.

accent

Apply #D100FF (bright electric fuchsia) for vibrant calls-to-action or eye-catching details.

background

Utilize #1A0033 for a velvety deep background, enhancing the vibrancy of other colors.

text

For contrast, use #D100FF or a crisp white for readability on darker plum backgrounds.

Accessibility notes

  • The vibrant #D100FF works well for text on #1A0033 or #3C0066, but always verify contrast ratios.
  • Avoid using mid-range purples like #6F0099 or #A500CC for text on each other, as contrast may be insufficient.
  • Ensure sufficient contrast for any interactive elements, especially if using a gradient background.
  • For small body text, a pure white or very light gray might be necessary against the darkest shades.

Recommended combinations

Dramatic Flare

For striking headlines or feature sections, combining deep base with a bright accent and mid-tone.

#1A0033 · #D100FF · #6F0099

Regal Gradient

Creating a smooth, luxurious flow for backgrounds, banners, or visual effects.

#3C0066 · #6F0099 · #A500CC

Bold Contrast

Achieving strong visual impact and clear hierarchy in UI elements or branding.

#1A0033 · #A500CC · #D100FF

CSS variables

:root {
  --midnight-plum-elegance-1: #1A0033;
  --midnight-plum-elegance-2: #3C0066;
  --midnight-plum-elegance-3: #6F0099;
  --midnight-plum-elegance-4: #A500CC;
  --midnight-plum-elegance-5: #D100FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-plum-elegance": {
        1: "#1A0033",
        2: "#3C0066",
        3: "#6F0099",
        4: "#A500CC",
        5: "#D100FF",
      }
    }
  }
}

Related searches

deep plum color schemeelegant purple brandingvibrant violet paletteluxury dark mode colorsdramatic purple design

Palette colors

Hex values

Color 1#1A0033
·
Color 2#3C0066
·
Color 3#6F0099
·
Color 4#A500CC
·
Color 5#D100FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
3.2:1AA18
4.7:1AA
2
1.3:1Fail
1.5:1Fail
2.5:1Fail
3.7:1AA18
3
2:1Fail
1.5:1Fail
1.6:1Fail
2.4:1Fail
4
3.2:1AA18
2.5:1Fail
1.6:1Fail
1.5:1Fail
5
4.7:1AA
3.7:1AA18
2.4:1Fail
1.5:1Fail

Similar palettes

More like Midnight Plum Elegance

View all dark
Midnight Bloom Veil
Deep Plum Twilight
Midnight Bloom Shadow
Midnight Iris Bloom
Midnight Star Trail
Midnight Velvet Cloak