Back to palettes

Palette

Midnight Cherry Blossom

A mystical blend of deep purples, like fragile cherry blossoms against a rich, moonlit midnight sky.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Cherry Blossom 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 Cherry Blossom.

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

Data visualization

#2A0A3D#5A1C6F#9932CC#3B0D52#7A28A7

Palette guide

How to use Midnight Cherry Blossom

Overview

The "Midnight Cherry Blossom" palette presents a mystical blend of deep purples, evoking fragile cherry blossoms against a rich, moonlit midnight sky. It delves into profound depths with #2A0A3D and #3B0D52, ascending through the regal #5A1C6F and #7A28A7, to the vibrant, enchanting highlight of #9932CC. This palette is a designer's treasure for projects demanding elegance, mystery, and a touch of the magical. Developers will find it exceptional for creating immersive dark mode interfaces, captivating digital experiences, or branding that seeks to convey sophistication and a unique, enchanting allure.

Best used for

  • Fantasy or mystical themed websites
  • Luxury cosmetic or perfume branding
  • Event branding for elegant galas
  • Digital art with a magical aesthetic
  • Sophisticated app interfaces
  • Editorial design with a mysterious flair

Suggested color roles

primary

#2A0A3D – The deepest, darkest purple, ideal for foundational backgrounds, headers, or large content blocks, establishing a mystical depth.

secondary

#3B0D52 – A slightly lighter, rich dark purple, perfect for navigation, secondary panels, or subtle branding elements.

accent

#9932CC – Use this vibrant, enchanting purple for calls to action, important links, or focal points, symbolizing the luminous cherry blossom.

background

#2A0A3D or #3B0D52 for a deep, immersive canvas. Lighter shades like #9932CC can be used sparingly for prominent sections.

text

White or a very light grey on darker purples like #2A0A3D or #3B0D52 for excellent legibility. Use a dark purple like #2A0A3D for text on very light, hypothetical backgrounds.

Accessibility notes

  • Ensure high contrast between the deepest purples (#2A0A3D, #3B0D52) and any light text used, meeting WCAG AA standards.
  • The vibrant #9932CC offers good contrast on the darker shades but should be checked against #7A28A7 for small text.
  • Avoid using #5A1C6F and #7A28A7 for small text elements against each other, as their close proximity in luminance may cause issues.
  • Provide clear visual cues for interactive elements, especially when colors are similar.

Recommended combinations

Mystic Night

A powerful dark mode, #2A0A3D as background, #9932CC for vibrant accents, and #5A1C6F for secondary content.

#2A0A3D · #9932CC · #5A1C6F

Enchanted Glow

Creates a magical, gradient-like effect for hero sections or illustrations, building depth with increasing luminance.

#3B0D52 · #7A28A7 · #9932CC

Deep Blossom

Use #9932CC as an accent background for a striking element, with #2A0A3D for prominent text and #5A1C6F for details.

#9932CC · #2A0A3D · #5A1C6F

CSS variables

:root {
  --midnight-cherry-blossom-1: #2A0A3D;
  --midnight-cherry-blossom-2: #5A1C6F;
  --midnight-cherry-blossom-3: #9932CC;
  --midnight-cherry-blossom-4: #3B0D52;
  --midnight-cherry-blossom-5: #7A28A7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-cherry-blossom": {
        1: "#2A0A3D",
        2: "#5A1C6F",
        3: "#9932CC",
        4: "#3B0D52",
        5: "#7A28A7",
      }
    }
  }
}

Related searches

mystical purple palettedark cherry blossom colorselegant deep purple schemeenchanting UI designmagical night sky palette

Palette colors

Hex values

Color 1#2A0A3D
·
Color 2#5A1C6F
·
Color 3#9932CC
·
Color 4#3B0D52
·
Color 5#7A28A7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3:1AA18
1.1:1Fail
2.2:1Fail
2
1.5:1Fail
2:1Fail
1.3:1Fail
1.5:1Fail
3
3:1AA18
2:1Fail
2.7:1Fail
1.4:1Fail
4
1.1:1Fail
1.3:1Fail
2.7:1Fail
2:1Fail
5
2.2:1Fail
1.5:1Fail
1.4:1Fail
2:1Fail

Similar palettes

More like Midnight Cherry Blossom

View all dark
Twilight Bloom Garden
Midnight Bloom Garden
Midnight Orchid Veil
Midnight Velvet Bloom
Moonlit Cherry Blossom
Moonlit Garden Bloom