Back to palettes

Palette

Moonlit Sakura Dream

Soft pinks and lavenders illuminated by moonlight, evoking the serene beauty of cherry blossoms at night.

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

#F5DEB3#FFDAB9#E6E6FA#ADD8E6#483D8B

Palette guide

How to use Moonlit Sakura Dream

Overview

The Moonlit Sakura Dream palette (original) offers a unique blend of soft, warm pastels and a deep, grounding purple, evoking the serene beauty of cherry blossoms at night. It features luminous tones like #F5DEB3 and #FFDAB9, reminiscent of pale moonlight, contrasted with the ethereal #E6E6FA and the cool #ADD8E6. The palette is anchored by the profound #483D8B, adding a touch of sophisticated mystery. This collection is ideal for designs seeking a dreamy, imaginative, and tranquil atmosphere. It excels in branding, digital art, or interfaces where a distinctive blend of warmth, coolness, and depth is desired.

Best used for

  • Fantasy-themed children's books
  • Artistic portfolio websites
  • Unique wedding stationery
  • Boutique tea or confectionery packaging
  • Dreamy digital illustrations
  • Creative lifestyle branding

Suggested color roles

primary

#483D8B - A deep, muted indigo, perfect for primary branding, commanding headlines, or key interactive elements to convey sophistication and depth.

secondary

#ADD8E6 - A cool, light blue, ideal for subheadings, active navigation states, or supporting graphical elements, offering a refreshing contrast.

accent

#FFDAB9 - A soft, peachy pink, excellent for subtle highlights, interactive states, or decorative details that need a warm, ethereal glow.

background

#E6E6FA - A very light lavender mist, perfect for clean, ethereal backgrounds that allow the other colors to shine.

text

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

Accessibility notes

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

Recommended combinations

Dreamy Interface

Creates a light, ethereal user interface, with the deepest color for key interactions and the lightest for backgrounds.

#E6E6FA · #ADD8E6 · #483D8B

Ethereal Branding

Ideal for logos and brand assets that convey warmth, softness, and a touch of mystery.

#F5DEB3 · #FFDAB9 · #483D8B

Soft Contrast

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

#E6E6FA · #F5DEB3 · #ADD8E6

CSS variables

:root {
  --moonlit-sakura-dream-1: #F5DEB3;
  --moonlit-sakura-dream-2: #FFDAB9;
  --moonlit-sakura-dream-3: #E6E6FA;
  --moonlit-sakura-dream-4: #ADD8E6;
  --moonlit-sakura-dream-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-sakura-dream": {
        1: "#F5DEB3",
        2: "#FFDAB9",
        3: "#E6E6FA",
        4: "#ADD8E6",
        5: "#483D8B",
      }
    }
  }
}

Related searches

pastel purple blue palettedreamy sakura colorssoft moonlit designethereal pink violet schemecreative fantasy branding

Palette colors

Hex values

Color 1#F5DEB3
·
Color 2#FFDAB9
·
Color 3#E6E6FA
·
Color 4#ADD8E6
·
Color 5#483D8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.1:1Fail
1.2:1Fail
6.9:1AA
2
1:1Fail
1.1:1Fail
1.2:1Fail
6.9:1AA
3
1.1:1Fail
1.1:1Fail
1.2:1Fail
7.4:1AAA
4
1.2:1Fail
1.2:1Fail
1.2:1Fail
5.9:1AA
5
6.9:1AA
6.9:1AA
7.4:1AAA
5.9:1AA

Similar palettes

More like Moonlit Sakura Dream

View all pastel
Pastel Galaxy Dream
Whimsical Cotton Cloud
Amethyst Haze Dream
Aura Amethyst Dream
Celestial Blush
Celestial Dawn Chorus