Back to palettes

Palette

Moonlit Sakura Dream

Delicate pinks and purples evoking the dreamlike beauty of cherry blossoms under a soft moonlight.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8E0E8#E6C1D0#D0A0B8#B880A0#9B6886

Palette guide

How to use Moonlit Sakura Dream

Overview

The Moonlit Sakura Dream palette (version 2) presents delicate pinks and purples, evoking the dreamlike beauty of cherry blossoms under a soft moonlight. This harmonious collection ranges from the very light #F8E0E8, through the gentle #E6C1D0 and #D0A0B8, to the deeper, more grounded #B880A0 and #9B6886. It’s perfectly suited for designs that aim to convey softness, femininity, and a serene elegance. This palette excels in branding, web design, or editorial layouts for beauty, fashion, or lifestyle brands seeking a refined, gentle, and enchanting visual identity. Its subtle depth makes it versatile for various applications.

Best used for

  • Delicate wedding stationery
  • Baby product branding
  • Feminine lifestyle blogs
  • Spa and wellness marketing materials
  • High-end dessert packaging
  • Romantic photography presets

Suggested color roles

primary

#9B6886 - A deep, muted rose-plum, ideal for primary branding elements, strong headings, or key interactive components to establish elegance.

secondary

#B880A0 - Use this rich, dusty rose for supporting headers, important subtext, or secondary navigation, adding warmth and sophistication.

accent

#D0A0B8 - A softer, blush pink, perfect for subtle highlights, interactive states, or decorative details that need a gentle pop.

background

#F8E0E8 - A very light, almost white pink, excellent for clean, spacious backgrounds that allow other elements to breathe and stand out.

text

For dark text, a deep charcoal like #333333 provides good contrast. For light text on darker elements, #F8E0E8 or pure white is suitable.

Accessibility notes

  • Ensure sufficient contrast when using #F8E0E8 as a background with lighter text colors; consider #9B6886 or a dark charcoal for readability.
  • Text in #E6C1D0 or #D0A0B8 against white or very light backgrounds will likely lack sufficient contrast for WCAG AA.
  • Use #9B6886 for important interactive elements to ensure they are clearly visible against lighter shades.
  • For best readability, avoid placing #E6C1D0 text on #F8E0E8 backgrounds.

Recommended combinations

Soft Feminine UI

Creates a gentle, elegant user interface, with the lightest for background and the darkest for key interactions.

#F8E0E8 · #E6C1D0 · #9B6886

Romantic Branding

Ideal for logos and brand assets for businesses related to beauty, fashion, or events.

#B880A0 · #D0A0B8 · #9B6886

Subtle Depth

Creates beautiful, subtle gradients for headers or background elements, conveying softness and depth.

#F8E0E8 · #E6C1D0 · #B880A0

CSS variables

:root {
  --moonlit-sakura-dream-2-1: #F8E0E8;
  --moonlit-sakura-dream-2-2: #E6C1D0;
  --moonlit-sakura-dream-2-3: #D0A0B8;
  --moonlit-sakura-dream-2-4: #B880A0;
  --moonlit-sakura-dream-2-5: #9B6886;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-sakura-dream-2": {
        1: "#F8E0E8",
        2: "#E6C1D0",
        3: "#D0A0B8",
        4: "#B880A0",
        5: "#9B6886",
      }
    }
  }
}

Related searches

delicate pink purple palettepastel sakura colorssoft romantic designfeminine blush schemeserene cherry blossom branding

Palette colors

Hex values

Color 1#F8E0E8
·
Color 2#E6C1D0
·
Color 3#D0A0B8
·
Color 4#B880A0
·
Color 5#9B6886
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.5:1Fail
3.6:1AA18
2
1.3:1Fail
1.4:1Fail
1.9:1Fail
2.7:1Fail
3
1.8:1Fail
1.4:1Fail
1.4:1Fail
2:1Fail
4
2.5:1Fail
1.9:1Fail
1.4:1Fail
1.4:1Fail
5
3.6:1AA18
2.7:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Moonlit Sakura Dream

View all pastel
Moonlit Sakura Petals
Cherry Blossom Whispers
Moonlit Sakura
Sakura Bloom Dream
Sakura Bloom Echo
Sakura Bloom Grace