Palette

Midnight Bloom Shadow

Mysterious and deep, like a secretive flower blooming under the cover of a moonless, velvet night.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A2E#281D47#4D3D5E#7A5F8B#A78CD7

Palette guide

How to use Midnight Bloom Shadow

Overview

The Midnight Bloom Shadow palette offers a mysterious and deep collection, like a secretive flower blooming under a moonless, velvet night. Anchored by the profound #1A1A2E, it progresses through rich, muted purples such as #281D47 and #4D3D5E. The palette culminates in softer, yet still sophisticated, shades like #7A5F8B and #A78CD7, which add a subtle luminosity. This color scheme is perfectly suited for designers and developers aiming to create elegant, contemplative, and immersive digital experiences. Its deep, harmonious purples provide a strong foundation for dark mode interfaces, luxury branding, or any project requiring a sophisticated, understated, and slightly enigmatic aesthetic.

Best used for

Dark mode web and app interfaces
Luxury brand identity and packaging
Artistic photography backdrops
Themed event invitations or digital assets
Content platforms with a sophisticated, moody feel
Digital art and illustrations needing depth

Suggested color roles

primary

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

secondary

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

accent

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

background

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

text

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

Accessibility notes

Ensure sufficient contrast between #A78CD7 text and darker backgrounds like #1A1A2E or #281D47.
Avoid using #4D3D5E as body text on #281D47 due to low contrast and potential readability issues.
Use the lighter shades (#7A5F8B, #A78CD7) 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 Contemplation

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

#1A1A2E · #4D3D5E · #A78CD7

Soft Mystery

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

#281D47 · #7A5F8B · #A78CD7

Velvet Bloom

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

#4D3D5E · #A78CD7 · #281D47

CSS variables

:root {
  --midnight-bloom-shadow-2-1: #1A1A2E;
  --midnight-bloom-shadow-2-2: #281D47;
  --midnight-bloom-shadow-2-3: #4D3D5E;
  --midnight-bloom-shadow-2-4: #7A5F8B;
  --midnight-bloom-shadow-2-5: #A78CD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-bloom-shadow-2": {
        1: "#1A1A2E",
        2: "#281D47",
        3: "#4D3D5E",
        4: "#7A5F8B",
        5: "#A78CD7",
      }
    }
  }
}

Hex values

Color 1#1A1A2E

Color 2#281D47

Color 3#4D3D5E

Color 4#7A5F8B

Color 5#A78CD7

Accessibility

Contrast checker

1.1:1Fail

1.7:1Fail

3.1:1AA18

6:1AA

1.1:1Fail

1.6:1Fail

2.8:1Fail

5.4:1AA

1.7:1Fail

1.6:1Fail

1.8:1Fail

3.4:1AA18

3.1:1AA18

2.8:1Fail

1.8:1Fail

1.9:1Fail

6:1AA

5.4:1AA

3.4:1AA18

1.9:1Fail

Similar palettes

More like Midnight Bloom Shadow

View all dark

Twilight Garden Path

Amethyst Cavern Deep

Celestial Night Bloom

Cosmic Dust Whisper

Cosmic Reaches

Cosmic Veil Wonder