Back to palettes

Palette

Midnight Plum Velvet

The deep, regal luxury of midnight plum velvet, elegant and mysteriously opulent.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Plum Velvet 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 Velvet.

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

Data visualization

#2A002A#5C005C#8B008B#C71585#E9967A

Palette guide

How to use Midnight Plum Velvet

Overview

The Midnight Plum Velvet palette offers a rich, opulent journey from deep, mysterious plum to a surprising, soft coral. With colors #2A002A, #5C005C, #8B008B, #C71585, and #E9967A, this collection embodies regal luxury and sophisticated allure. It’s perfect for designs that seek a blend of dark elegance with a touch of unexpected warmth, creating a unique and memorable visual experience. This palette is genuinely useful for designers and developers aiming for a refined, yet distinct, aesthetic.

Best used for

  • Luxury lifestyle brands and marketing
  • Sophisticated product packaging design
  • High-end cosmetics and beauty websites
  • Fashion websites and online boutiques
  • Artistic portfolios and creative projects
  • Elegant event branding and invitations

Suggested color roles

primary

Use #2A002A (deepest plum) as the anchoring color for a sumptuous, dark foundation.

secondary

Employ #5C005C (rich velvety mid-tone) for supporting sections or layered elements.

accent

Apply #E9967A (soft coral) for an unexpected, warm highlight, call-to-action, or decorative detail.

background

Utilize #2A002A for a luxurious, deep background that allows other colors to pop.

text

For readability, use #E9967A or a light neutral like off-white on darker plum backgrounds.

Accessibility notes

  • The light coral #E9967A provides good contrast against #2A002A, #5C005C, and #8B008B for text readability.
  • Avoid using #C71585 for text on similar dark purples without thorough contrast verification.
  • Ensure sufficient contrast for all text and interactive elements to meet accessibility standards.
  • For very small text, a pure white might be a safer choice on the darkest backgrounds.

Recommended combinations

Opulent Contrast

For striking headlines or hero sections, combining deep plum with a warm, unexpected accent.

#2A002A · #E9967A · #8B008B

Velvet Bloom

Creating a vibrant, lively progression for visual narratives or layered designs.

#5C005C · #C71585 · #E9967A

Deep & Modern

Achieving a strong, contemporary feel with a deep base and a balanced, bright accent.

#2A002A · #8B008B · #E9967A

CSS variables

:root {
  --midnight-plum-velvet-1: #2A002A;
  --midnight-plum-velvet-2: #5C005C;
  --midnight-plum-velvet-3: #8B008B;
  --midnight-plum-velvet-4: #C71585;
  --midnight-plum-velvet-5: #E9967A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-plum-velvet": {
        1: "#2A002A",
        2: "#5C005C",
        3: "#8B008B",
        4: "#C71585",
        5: "#E9967A",
      }
    }
  }
}

Related searches

plum and coral paletteluxury velvet colorssophisticated dark purpleelegant brand colorsrich gothic aesthetic

Palette colors

Hex values

Color 1#2A002A
·
Color 2#5C005C
·
Color 3#8B008B
·
Color 4#C71585
·
Color 5#E9967A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.4:1AA18
8:1AAA
2
1.4:1Fail
1.5:1Fail
2.4:1Fail
5.7:1AA
3
2.2:1Fail
1.5:1Fail
1.6:1Fail
3.7:1AA18
4
3.4:1AA18
2.4:1Fail
1.6:1Fail
2.4:1Fail
5
8:1AAA
5.7:1AA
3.7:1AA18
2.4:1Fail

Similar palettes

More like Midnight Plum Velvet

View all dark