Back to palettes

Palette

Moonlit Night Sakura

The enchanting glow of cherry blossoms under a pale moon against a deep, silent night sky.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonlit Night Sakura 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 Moonlit Night Sakura.

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

Data visualization

#0A1128#152E52#E2AFC7#B96D96#5A384F

Palette guide

How to use Moonlit Night Sakura

Overview

The Moonlit Night Sakura palette vividly captures the enchanting glow of cherry blossoms under a pale moon against a deep, silent night sky. This collection is perfect for designs that blend dramatic depth with delicate, romantic accents. Featuring profound shades like #0A1128, balanced by the rich #152E52, and highlighted by the soft #E2AFC7 and #B96D96, it offers a compelling contrast. Designers and developers can leverage this palette to craft sophisticated user interfaces, luxurious branding, or artistic compositions that evoke a sense of mystery, elegance, and subtle romance. It's particularly effective for projects requiring a unique blend of dark sophistication and delicate vibrancy.

Best used for

  • Romantic branding and marketing
  • Luxury cosmetics and fashion websites
  • Sophisticated event design and invitations
  • Japanese-inspired cultural content
  • Dark mode themes with a vibrant pop
  • Digital art depicting nocturnal flora

Suggested color roles

primary

Use #0A1128 as the foundational deep navy for backgrounds, main headings, or immersive sections.

secondary

Apply #152E52 for supporting content blocks, secondary navigation, or to add rich, dark blue depth.

accent

Employ #E2AFC7 or #B96D96 for soft pink highlights, interactive elements, or delicate floral accents.

background

The deepest hue, #0A1128, creates a dramatic, elegant dark background, contrasting beautifully with lighter elements.

text

For optimal readability on dark backgrounds like #0A1128, use #E2AFC7 or a crisp white. Consider #B96D96 for secondary text.

Accessibility notes

  • Ensure sufficient contrast when pairing #5A384F with #152E52 for text, as they are close in value.
  • Text in #E2AFC7 on #0A1128 provides excellent readability.
  • Avoid using #B96D96 for critical text on very dark backgrounds without careful contrast checks.
  • Always test color combinations with accessibility checkers for WCAG compliance, especially for interactive elements.

Recommended combinations

Sakura Night

Ideal for a dramatic, elegant theme where #0A1128 is the background, #E2AFC7 for highlights, and #B96D96 for accents.

#0A1128 · #E2AFC7 · #B96D96

Deep Blossom

Perfect for creating depth with a subtle pop, with #152E52 as base, #5A384F for elements, and #E2AFC7 for delicate touches.

#152E52 · #5A384F · #E2AFC7

Muted Romance

Excellent for gradients or large graphic elements, showcasing a smooth, deep progression through the palette's darker tones and muted pink.

#0A1128 · #5A384F · #B96D96

CSS variables

:root {
  --moonlit-night-sakura-1: #0A1128;
  --moonlit-night-sakura-2: #152E52;
  --moonlit-night-sakura-3: #E2AFC7;
  --moonlit-night-sakura-4: #B96D96;
  --moonlit-night-sakura-5: #5A384F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-night-sakura": {
        1: "#0A1128",
        2: "#152E52",
        3: "#E2AFC7",
        4: "#B96D96",
        5: "#5A384F",
      }
    }
  }
}

Related searches

night sakura color palettedark blue pink colorselegant floral designjapanese night themeromantic dark palette

Palette colors

Hex values

Color 1#0A1128
·
Color 2#152E52
·
Color 3#E2AFC7
·
Color 4#B96D96
·
Color 5#5A384F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
10:1AAA
5.1:1AA
1.9:1Fail
2
1.4:1Fail
7.2:1AAA
3.7:1AA18
1.4:1Fail
3
10:1AAA
7.2:1AAA
2:1Fail
5.3:1AA
4
5.1:1AA
3.7:1AA18
2:1Fail
2.7:1Fail
5
1.9:1Fail
1.4:1Fail
5.3:1AA
2.7:1Fail

Similar palettes

More like Moonlit Night Sakura

View all dark
Midnight Cherry Blossom
Twilight Bloom Garden
Celestial Night Garden
Cobblestone Alley Night
Midnight Bloom Garden
Midnight Bloom Velvet