Back to palettes

Palette

Midnight Bloom Velvet

A luxurious embrace of dark, velvety floral hues under a moonless, mysterious sky.

DarkDark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2A0A3A#4A1B4B#6F3E6C#9A699B#C89AD4

Palette guide

How to use Midnight Bloom Velvet

Overview

The Midnight Bloom Velvet palette offers a luxurious embrace of dark, velvety floral hues under a moonless, mysterious sky. It starts with the profound #2A0A3A, transitioning through rich purples like #4A1B4B and #6F3E6C, and culminating in the softer, yet opulent, #9A699B and #C89AD4. This collection is ideal for designers and developers aiming to create elegant, sophisticated, and immersive digital experiences. Its deep, harmonious purples provide a strong foundation for dark mode interfaces, luxury branding, or any project that benefits from an understated yet captivating nocturnal aesthetic. The blend offers both depth and a subtle, refined quality, perfect for a plush visual narrative.

Best used for

  • Luxury fashion or textile branding
  • High-end beauty product packaging
  • Elegant event invitations and decor
  • Dark mode UI/UX for premium services
  • Digital art with a rich, floral mystery
  • Boutique hotel or spa digital presence

Suggested color roles

primary

#2A0A3A (A very deep, almost black, purple, serving as the foundational background or dominant color for a sophisticated dark theme.)

secondary

#4A1B4B (A rich, dark purple, suitable for major sections, panels, or secondary graphic elements, adding depth to the primary.)

accent

#C89AD4 (The lightest, soft lavender-purple, ideal for subtle highlights, interactive states, or delicate illustrations that need to gently stand out.)

background

#2A0A3A (Utilize this profound shade for an immersive, elegant backdrop, ensuring all lighter elements have excellent contrast and readability.)

text

#C89AD4 or #9A699B (For body text, #C89AD4 provides good contrast. For headings, #9A699B can offer a softer, yet still readable, option on dark backgrounds.)

Accessibility notes

  • Ensure sufficient contrast between #C89AD4 text and darker backgrounds like #2A0A3A or #4A1B4B.
  • Avoid using #6F3E6C as body text on #4A1B4B due to low contrast and potential readability issues.
  • Use the lighter shades (#9A699B, #C89AD4) for interactive elements to ensure they are clearly perceivable.
  • Consider a pure white or very light grey for critical information if the palette's lightest color doesn't meet WCAG AA standards.

Recommended combinations

Deep Opulence

Ideal for main layouts where a strong dark base is complemented by mid-tone sections and subtle bright accents.

#2A0A3A · #6F3E6C · #C89AD4

Velvet Whisper

Excellent for creating depth in UI elements or illustrations, with shadows and highlights from within the palette.

#4A1B4B · #9A699B · #C89AD4

Bloom Shadow

Suited for decorative patterns, borders, or secondary content areas that require a touch of refined elegance.

#6F3E6C · #C89AD4 · #4A1B4B

CSS variables

:root {
  --midnight-bloom-velvet-2-1: #2A0A3A;
  --midnight-bloom-velvet-2-2: #4A1B4B;
  --midnight-bloom-velvet-2-3: #6F3E6C;
  --midnight-bloom-velvet-2-4: #9A699B;
  --midnight-bloom-velvet-2-5: #C89AD4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-bloom-velvet-2": {
        1: "#2A0A3A",
        2: "#4A1B4B",
        3: "#6F3E6C",
        4: "#9A699B",
        5: "#C89AD4",
      }
    }
  }
}

Related searches

dark velvet purple paletteluxurious floral colorsdeep mysterious night schemeelegant plum and lavendersophisticated dark theme

Palette colors

Hex values

Color 1#2A0A3A
·
Color 2#4A1B4B
·
Color 3#6F3E6C
·
Color 4#9A699B
·
Color 5#C89AD4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
4:1AA18
7.5:1AAA
2
1.3:1Fail
1.7:1Fail
3.1:1AA18
5.8:1AA
3
2.1:1Fail
1.7:1Fail
1.9:1Fail
3.5:1AA18
4
4:1AA18
3.1:1AA18
1.9:1Fail
1.9:1Fail
5
7.5:1AAA
5.8:1AA
3.5:1AA18
1.9:1Fail

Similar palettes

More like Midnight Bloom Velvet

View all Dark
Gothic Nightshade Bloom
Midnight Blooms
Midnight Velvet Gloom
Stellar Dust Cloud
Abyssal Bioluminescence
Deep Forest Murmur