Palette

Velvet Plum Serenade

Deep, luxurious purples evoking the rich texture of velvet and a sophisticated, romantic evening.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#800080#9370DB#DDA0DD#E6E6FA

Palette guide

How to use Velvet Plum Serenade

Overview

The Velvet Plum Serenade palette presents a sophisticated journey through deep purples and soft lavenders, perfect for designs that aim for elegance and serenity. Starting with the profound #4B0082, it gracefully moves through the classic #800080 and the gentle #9370DB, culminating in the delicate #DDA0DD and the ethereal #E6E6FA. This palette is ideal for creating refined and luxurious atmospheres, suitable for projects that require a touch of romance and timeless beauty. Its range allows for rich depth balanced with airy lightness.

Best used for

wedding stationery and decor
luxury product packaging
spa and wellness branding
feminine fashion designs
romantic website themes
elegant interior design concepts

Suggested color roles

primary

#4B0082 serves as a deep, regal foundation, excellent for primary branding elements or sophisticated backgrounds.

secondary

#800080 provides a rich, complementary depth, ideal for supporting graphics or secondary content areas.

accent

#9370DB or #DDA0DD offers a softer, enchanting accent, perfect for highlights, illustrations, or call-to-action buttons.

background

Utilize #E6E6FA for a light, airy background, or #4B0082 for a dramatic, luxurious base with light text.

text

Pair a dark charcoal or black with #E6E6FA for clear readability. For darker backgrounds, a pure white or very light gray is recommended.

Accessibility notes

Ensure adequate contrast between #E6E6FA and lighter purples like #DDA0DD when used for text or interactive elements.
Text on #9370DB may require careful contrast checking; consider a dark neutral or white depending on context.
Avoid using #DDA0DD directly on #E6E6FA for small text or thin lines due to potential low contrast.
Ensure all interactive elements have sufficient color contrast in their default and hover states.

Recommended combinations

Regal Depth

Creates a rich, luxurious foundation, suitable for formal designs or elegant branding.

#4B0082 · #800080 · #9370DB

Soft Romance

Offers a delicate and airy feel, perfect for invitations, feminine designs, or subtle gradients.

#9370DB · #DDA0DD · #E6E6FA

Balanced Contrast

Combines deep and light tones for a sophisticated balance, ideal for headers and body text areas.

#4B0082 · #DDA0DD · #E6E6FA

CSS variables

:root {
  --velvet-plum-serenade-1: #4B0082;
  --velvet-plum-serenade-2: #800080;
  --velvet-plum-serenade-3: #9370DB;
  --velvet-plum-serenade-4: #DDA0DD;
  --velvet-plum-serenade-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-plum-serenade": {
        1: "#4B0082",
        2: "#800080",
        3: "#9370DB",
        4: "#DDA0DD",
        5: "#E6E6FA",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#800080

Color 3#9370DB

Color 4#DDA0DD

Color 5#E6E6FA

Accessibility

Contrast checker

1.4:1Fail

3.4:1AA18

6.3:1AA

10.5:1AAA

1.4:1Fail

2.5:1Fail

4.6:1AA

7.7:1AAA

3.4:1AA18

2.5:1Fail

1.8:1Fail

3.1:1AA18

6.3:1AA

4.6:1AA

1.8:1Fail

1.7:1Fail

10.5:1AAA

7.7:1AAA

3.1:1AA18

1.7:1Fail

Similar palettes

More like Velvet Plum Serenade

View all dark

Plum Velvet Luxe

Velvet Theater Seats

Baroque Crimson Drape

Baroque Velvet Plum

Blackberry Bramble Luxe

Brocade Loom