Back to palettes

Palette

Nocturne Bloom Velvet

Deep, luxurious purples and soft lavenders, reflecting the hidden beauty of orchids blooming at night.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B1B3D#4C3F8B#6C5CA1#9932CC#DDA0DD

Palette guide

How to use Nocturne Bloom Velvet

Overview

The Nocturne Bloom Velvet palette presents deep, luxurious purples and soft lavenders, reflecting the hidden beauty of orchids blooming at night. This elegant and mysterious collection features a rich, dark purple base, #2B1B3D, progressing through the sophisticated #4C3F8B and #6C5CA1. A vibrant, regal purple #9932CC provides a striking accent, beautifully complemented by the delicate, almost ethereal #DDA0DD. Designers can leverage this palette to create opulent, feminine, or mystical interfaces, perfect for luxury brands, creative portfolios, or any project aiming for a blend of dramatic depth and soft allure.

Best used for

  • Luxury brand websites (e.g., jewelry, cosmetics)
  • Creative portfolios and art galleries
  • Mystical or fantasy-themed designs
  • Elegant event branding
  • Fashion and beauty industry content
  • Dark mode UIs with a regal touch

Suggested color roles

primary

Use #2B1B3D as the deepest, most opulent shade, ideal for dominant backgrounds, headers, or elements requiring significant depth.

secondary

Apply #4C3F8B as a rich, mid-tone purple perfect for navigation, card backgrounds, or secondary content areas.

accent

Utilize #9932CC, a vibrant, regal purple that draws the eye, excellent for call-to-action buttons, interactive states, or key highlights.

background

Employ #DDA0DD as a soft, ethereal lavender that can serve as a clean main background, especially for content-heavy sections.

text

Choose #6C5CA1 as a sophisticated purple, suitable for darker text on lighter backgrounds or as a contrasting secondary text color. For light text on dark colors, a near-white is recommended.

Accessibility notes

  • Ensure #DDA0DD text on #2B1B3D or #4C3F8B backgrounds meets contrast standards for readability.
  • #9932CC as text on #DDA0DD might lack sufficient contrast for small font sizes; check carefully.
  • Avoid using #6C5CA1 for small text on backgrounds like #DDA0DD without checking contrast.
  • Prioritize strong contrast for critical information and interactive elements to ensure readability for all users.

Recommended combinations

Velvet Orchid

Dramatic dark base with a vibrant accent and a soft highlight for luxurious, captivating designs.

#2B1B3D · #9932CC · #DDA0DD

Midnight Bloom

Harmonious blend of purples with a light accent, suitable for content areas and subtle branding.

#4C3F8B · #6C5CA1 · #DDA0DD

Regal Glow

Strong base with a luminous background and a powerful accent, ideal for striking visual hierarchy.

#2B1B3D · #DDA0DD · #9932CC

CSS variables

:root {
  --nocturne-bloom-velvet-1: #2B1B3D;
  --nocturne-bloom-velvet-2: #4C3F8B;
  --nocturne-bloom-velvet-3: #6C5CA1;
  --nocturne-bloom-velvet-4: #9932CC;
  --nocturne-bloom-velvet-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nocturne-bloom-velvet": {
        1: "#2B1B3D",
        2: "#4C3F8B",
        3: "#6C5CA1",
        4: "#9932CC",
        5: "#DDA0DD",
      }
    }
  }
}

Related searches

dark purple lavender paletteluxurious orchid colorsmysterious velvet designelegant purple dark modefantasy bloom color scheme

Palette colors

Hex values

Color 1#2B1B3D
·
Color 2#4C3F8B
·
Color 3#6C5CA1
·
Color 4#9932CC
·
Color 5#DDA0DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.8:1Fail
2.8:1Fail
7.6:1AAA
2
1.8:1Fail
1.5:1Fail
1.5:1Fail
4.2:1AA18
3
2.8:1Fail
1.5:1Fail
1:1Fail
2.8:1Fail
4
2.8:1Fail
1.5:1Fail
1:1Fail
2.8:1Fail
5
7.6:1AAA
4.2:1AA18
2.8:1Fail
2.8:1Fail

Similar palettes

More like Nocturne Bloom Velvet

View all dark
Gothic Rose Window
Midnight Orchid Bloom
Twilight Orchid Hue
Amethyst Veil Mystique
Baroque Velvet Plum
Blackberry Bramble Luxe