Palette

Midnight Velvet Bloom

Deep and luxurious purples, like delicate flowers blooming under a moonlit velvet sky.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#191970#4B0082#8A2BE2#BA55D3#DDA0DD

Palette guide

How to use Midnight Velvet Bloom

Overview

The Midnight Velvet Bloom palette presents a collection of deep and luxurious purples, evoking delicate flowers blooming under a moonlit velvet sky. It features profound blues and purples like #191970 (deep navy) and #4B0082 (dark indigo), setting a rich, mysterious foundation. The vibrant #8A2BE2 (blue violet) and softer #BA55D3 (medium orchid) add a floral, elegant touch, while #DDA0DD (pale plum) provides a delicate, luminous highlight. This palette is perfect for designs that require a blend of natural elegance, luxury, and a touch of nocturnal magic, ideal for romantic or high-end branding.

Best used for

Luxury floral design studios
Wedding invitations (especially evening themes)
High-end cosmetic product branding
Art nouveau inspired design projects
Elegant apparel and fashion lookbooks
Nature-themed digital art and illustrations

Suggested color roles

primary

Use #191970 as the dominant background color to establish a deep, luxurious, and slightly mysterious base, like a moonlit garden.

secondary

Apply #4B0082 for content blocks, headers, or distinct sections, adding a layer of rich, dark indigo depth.

accent

Employ #8A2BE2 for vibrant calls to action, interactive elements, or key highlights that need to bloom with energy.

background

Choose #191970 for the main background to create an immediate sense of luxurious depth and a dark, elegant aesthetic.

text

For primary body text, #DDA0DD offers good readability on the darker shades. For headings, #BA55D3 or white can provide an elegant contrast.

Accessibility notes

Ensure #DDA0DD provides good contrast against #191970 and #4B0082 for all text sizes.
Verify that #BA55D3, when used for text on #191970, meets readability standards, especially for smaller font sizes.
Avoid using #BA55D3 as text on #4B0082 due to potential low contrast; use it as a background for lighter text.
Always test contrast ratios for interactive elements and text to meet WCAG AA standards across the color range.

Recommended combinations

Deep Bloom

A deep navy base with a soft pale plum for primary text and a rich dark indigo for subheadings, creating a sophisticated floral look.

#191970 · #DDA0DD · #4B0082

Velvet Petal

A dark indigo background with a medium orchid for content and a vibrant blue violet for a dynamic, blooming accent.

#4B0082 · #BA55D3 · #8A2BE2

Moonlit Floral

A vibrant blue violet as a background, paired with soft pale plum text and a deep navy for strong, elegant contrast in borders or icons.

#8A2BE2 · #DDA0DD · #191970

CSS variables

:root {
  --midnight-velvet-bloom-1: #191970;
  --midnight-velvet-bloom-2: #4B0082;
  --midnight-velvet-bloom-3: #8A2BE2;
  --midnight-velvet-bloom-4: #BA55D3;
  --midnight-velvet-bloom-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-velvet-bloom": {
        1: "#191970",
        2: "#4B0082",
        3: "#8A2BE2",
        4: "#BA55D3",
        5: "#DDA0DD",
      }
    }
  }
}

Hex values

Color 1#191970

Color 2#4B0082

Color 3#8A2BE2

Color 4#BA55D3

Color 5#DDA0DD

Accessibility

Contrast checker

1.1:1Fail

2.5:1Fail

3.8:1AA18

7.2:1AAA

1.1:1Fail

2.2:1Fail

3.3:1AA18

6.3:1AA

2.5:1Fail

2.2:1Fail

1.5:1Fail

2.9:1Fail

3.8:1AA18

3.3:1AA18

1.5:1Fail

1.9:1Fail

7.2:1AAA

6.3:1AA

2.9:1Fail

1.9:1Fail

Similar palettes

More like Midnight Velvet Bloom

View all dark

Dusky Velvet Drape

Glamorous Velvet Curtain

Midnight Bloom Garden

Midnight Cherry Blossom

Midnight Orchid Veil

Midnight Orchid Velvet