Palette

Midnight Sakura Bloom

Deep purples and soft pinks, inspired by cherry blossoms under a moonlit sky.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1E002B#4B0082#800080#DDA0DD#FFC0CB

Palette guide

How to use Midnight Sakura Bloom

Overview

The Midnight Sakura Bloom palette takes you on a journey from deep, mystical purple to soft, delicate pink, evoking the serene beauty of cherry blossoms under a moonlit sky. Featuring #1E002B, #4B0082, #800080, #DDA0DD, and #FFC0CB, this collection offers a harmonious blend of dark elegance and gentle femininity. It's genuinely useful for designers and developers aiming to create romantic, serene, or enchanting visual experiences, perfect for projects that combine depth with airy, delicate accents.

Best used for

Romantic branding and luxury stationery
Wedding invitations and event decor
Feminine product design and packaging
Serene digital interfaces and apps
Artistic illustrations and graphic novels
Spring-themed campaigns and promotions

Suggested color roles

primary

Use #1E002B (deepest dark purple) as the mysterious, anchoring base for your design.

secondary

Employ #4B0082 (rich dark violet) for supporting sections or layered backgrounds.

accent

Apply #FFC0CB (soft, delicate pink) for gentle highlights, calls-to-action, or decorative touches.

background

Utilize #1E002B for a dark, enchanting canvas that makes lighter colors bloom.

text

For readability, use #FFC0CB or a very light pink/white on the darkest backgrounds.

Accessibility notes

The light pinks (#DDA0DD, #FFC0CB) provide good contrast against the darkest purples (#1E002B, #4B0082).
Avoid using #800080 for text on #4B0082, as contrast will be insufficient for readability.
Ensure sufficient contrast for all text, especially for smaller font sizes, to meet WCAG standards.
For optimal readability, use #FFC0CB or a pure white for body text on the darkest backgrounds.

Recommended combinations

Mystical Bloom

For striking headers or hero sections, combining deep mystery with soft, balanced bloom.

#1E002B · #FFC0CB · #800080

Serene Gradient

Creating gentle, flowing transitions for backgrounds, banners, or visual effects.

#4B0082 · #800080 · #DDA0DD

Delicate Contrast

Achieving a strong base with soft, airy accents for clear hierarchy and visual appeal.

#1E002B · #DDA0DD · #FFC0CB

CSS variables

:root {
  --midnight-sakura-bloom-1: #1E002B;
  --midnight-sakura-bloom-2: #4B0082;
  --midnight-sakura-bloom-3: #800080;
  --midnight-sakura-bloom-4: #DDA0DD;
  --midnight-sakura-bloom-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-sakura-bloom": {
        1: "#1E002B",
        2: "#4B0082",
        3: "#800080",
        4: "#DDA0DD",
        5: "#FFC0CB",
      }
    }
  }
}

Hex values

Color 1#1E002B

Color 2#4B0082

Color 3#800080

Color 4#DDA0DD

Color 5#FFC0CB

Accessibility

Contrast checker

1.5:1Fail

2:1Fail

9.3:1AAA

12.5:1AAA

1.5:1Fail

1.4:1Fail

6.3:1AA

8.4:1AAA

2:1Fail

1.4:1Fail

4.6:1AA

6.1:1AA

9.3:1AAA

6.3:1AA

4.6:1AA

1.3:1Fail

12.5:1AAA

8.4:1AAA

6.1:1AA

1.3:1Fail

Similar palettes

More like Midnight Sakura Bloom

View all dark

Gala Night Velvet

Midnight Bloom Garden

Midnight Geode Crystal

Midnight Velour Stage

Moonbeam Twilight

Moonlit Cherry Blossom