Palette

Midnight Bloom Velvet

Luxurious, shadowed tones of velvet in a moonlit garden, rich with nocturnal floral secrets.

darkelegant5 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

#1F2F4D#4C2A4A#2B4C2F#CC99A8#8B7443

Palette guide

How to use Midnight Bloom Velvet

Overview

The Midnight Bloom Velvet palette evokes luxurious, shadowed tones of velvet in a moonlit garden, rich with nocturnal floral secrets. This unique collection features deep blue-green #1F2F4D and rich plum #4C2A4A, accented by a subtle dark green #2B4C2F. The palette is brightened by a soft rose #CC99A8 and a warm, antique gold #8B7443, adding unexpected complexity. Designers and developers can use this palette to create elegant, mysterious, and sophisticated visual experiences. It’s perfect for high-end branding, editorial designs, or digital art that requires a jewel-toned, opulent, and slightly enigmatic feel, offering a distinct blend of cool and warm, deep and vibrant hues.

Best used for

Luxury brand identity (e.g., jewelry, haute couture)
Editorial design for high-end magazines
Themed event branding (e.g., galas, art exhibitions)
Digital art with a rich, mysterious aesthetic
Sophisticated website designs (e.g., cultural institutions)
Packaging for premium products

Suggested color roles

primary

#1F2F4D (A deep, dark blue-green, serving as the foundational background or dominant color for a sophisticated, opulent theme.)

secondary

#4C2A4A (A rich, deep plum, suitable for major sections, panels, or prominent graphic elements, adding luxurious depth.)

accent

#8B7443 (A warm, antique gold, ideal for calls-to-action, key icons, or subtle highlights that need to draw attention with elegance.)

background

#1F2F4D (Utilize this deep blue-green for an immersive and sophisticated background, ensuring good contrast for lighter elements.)

text

#CC99A8 or #8B7443 (For body text, #CC99A8 provides gentle contrast. For headings, #8B7443 can offer a warm, elegant, and readable option on dark backgrounds.)

Accessibility notes

Ensure #CC99A8 and #8B7443 have sufficient contrast against #1F2F4D or #4C2A4A for body text.
Avoid using #2B4C2F as primary text on #1F2F4D due to low contrast.
Use the lighter accents (#CC99A8, #8B7443) for interactive elements to ensure they are clearly perceivable.
Consider a very light beige or white for critical information if the palette's lighter colors don't meet WCAG AA standards.

Recommended combinations

Jewel Tones

Creates a rich, luxurious composition, ideal for high-impact branding or feature sections.

#1F2F4D · #4C2A4A · #8B7443

Moonlit Rose

Perfect for softer sections, decorative patterns, or UI elements that require a touch of delicate elegance.

#4C2A4A · #CC99A8 · #1F2F4D

Velvet Contrast

Excellent for branding logos or key UI elements where deep contrast meets warm, inviting accents.

#1F2F4D · #8B7443 · #CC99A8

CSS variables

:root {
  --midnight-bloom-velvet-1: #1F2F4D;
  --midnight-bloom-velvet-2: #4C2A4A;
  --midnight-bloom-velvet-3: #2B4C2F;
  --midnight-bloom-velvet-4: #CC99A8;
  --midnight-bloom-velvet-5: #8B7443;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-bloom-velvet": {
        1: "#1F2F4D",
        2: "#4C2A4A",
        3: "#2B4C2F",
        4: "#CC99A8",
        5: "#8B7443",
      }
    }
  }
}

Hex values

Color 1#1F2F4D

Color 2#4C2A4A

Color 3#2B4C2F

Color 4#CC99A8

Color 5#8B7443

Accessibility

Contrast checker

1.1:1Fail

1.4:1Fail

5.5:1AA

3:1Fail

1.1:1Fail

1.3:1Fail

5:1AA

2.7:1Fail

1.4:1Fail

1.3:1Fail

4:1AA18

2.1:1Fail

5.5:1AA

5:1AA

4:1AA18

1.9:1Fail

3:1Fail

2.7:1Fail

2.1:1Fail

1.9:1Fail

Similar palettes

More like Midnight Bloom Velvet

View all dark

Amethyst Veil Mystique

Cathedral Stained Glass