Palette

Elegant Plum Velvet

A luxurious and rich combination inspired by the deep hues of opulent velvet fabrics.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#800080#C71585#708090#2F4F4F

Palette guide

How to use Elegant Plum Velvet

Overview

The Elegant Plum Velvet palette is a luxurious and rich combination inspired by the deep hues of opulent velvet fabrics. Featuring deep indigo (#4B0082), rich royal purple (#800080), vibrant fuchsia (#C71585), cool slate gray (#708090), and deep charcoal (#2F4F4F), this palette offers a sophisticated and dramatic aesthetic. Designers and developers can leverage these contrasting yet harmonious hues to create captivating branding, luxurious digital experiences, or elegant print materials. The interplay between the deep purples, fuchsia, and grounding grays allows for depth, visual interest, and a sense of refined grandeur, perfect for high-end projects.

Best used for

Luxury fashion and interior design branding
High-end event invitations and decor
Art and culture institution websites
Sophisticated editorial layouts and magazines
Premium product packaging
Dark mode UI for elegant applications

Suggested color roles

primary

Deep indigo (#4B0082) or rich royal purple (#800080) serves as an excellent foundational color for backgrounds or main content areas, conveying opulence.

secondary

Cool slate gray (#708090) or deep charcoal (#2F4F4F) provides a sophisticated neutral for supporting content blocks, subheadings, or navigation.

accent

Vibrant fuchsia (#C71585) offers a striking accent, perfect for calls-to-action, highlights, or decorative flourishes that need to pop with elegance.

background

Deep indigo (#4B0082) or deep charcoal (#2F4F4F) creates a dramatic, luxurious backdrop, allowing the purples and fuchsia to glow with velvet-like richness.

text

For body text, use white or a very light gray on dark backgrounds for optimal readability. For headings or impactful statements, vibrant fuchsia (#C71585) provides excellent contrast against the darker palette colors.

Accessibility notes

Ensure sufficient contrast for text, especially when pairing #C71585 with #800080, which may have low contrast.
Prioritize using white or a very light gray for body text on dark backgrounds to meet WCAG contrast requirements.
Avoid using #4B0082 or #800080 for text on very dark backgrounds due to readability issues.
Consider using larger font sizes for any text set in mid-tone purples to improve legibility against dark backgrounds.

Recommended combinations

Velvet Contrast

Ideal for a dramatic, high-contrast look, combining a deep purple background with a vibrant fuchsia accent and a grounding charcoal.

#4B0082 · #C71585 · #2F4F4F

Regal Harmony

Excellent for creating balanced content blocks or illustrations, offering a blend of deep purple, cool gray, and a vibrant accent.

#800080 · #708090 · #C71585

Plum Depth

Perfect for layered UI elements or background patterns, offering subtle transitions and a sophisticated, luxurious feel.

#4B0082 · #800080 · #708090

CSS variables

:root {
  --elegant-plum-velvet-1: #4B0082;
  --elegant-plum-velvet-2: #800080;
  --elegant-plum-velvet-3: #C71585;
  --elegant-plum-velvet-4: #708090;
  --elegant-plum-velvet-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "elegant-plum-velvet": {
        1: "#4B0082",
        2: "#800080",
        3: "#C71585",
        4: "#708090",
        5: "#2F4F4F",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#800080

Color 3#C71585

Color 4#708090

Color 5#2F4F4F

Accessibility

Contrast checker

1.4:1Fail

2.4:1Fail

3.2:1AA18

1.5:1Fail

1.4:1Fail

1.7:1Fail

2.3:1Fail

1.1:1Fail

2.4:1Fail

1.7:1Fail

1.3:1Fail

1.6:1Fail

3.2:1AA18

2.3:1Fail

1.3:1Fail

2.2:1Fail

1.5:1Fail

1.1:1Fail

1.6:1Fail

2.2:1Fail

Similar palettes

More like Elegant Plum Velvet

Midnight Velour Drapes