Back to palettes

Palette

Moonlit Sakura Petals

Whispering pinks and lavenders mimic the gentle beauty of cherry blossoms under moonlight.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FADADD#FFD1DC#FFB6C1#E6E6FA#D8BFD8

Palette guide

How to use Moonlit Sakura Petals

Overview

The Moonlit Sakura Petals palette captures the ethereal beauty of cherry blossoms under moonlight with a collection of whispering pinks and lavenders. Featuring delicate tones like #FADADD, #FFD1DC, and #FFB6C1 alongside soft lavenders such as #E6E6FA and #D8BFD8, this palette is ideal for creating designs that exude gentleness, purity, and a dreamlike quality. Designers and developers can utilize these soft hues for light, airy interfaces, romantic branding, or any project requiring a subtle, elegant touch. The subtle variations between the colors allow for depth without sacrificing the overall delicate aesthetic.

Best used for

  • Bridal and wedding-related branding
  • Baby product packaging and websites
  • Spa and wellness retreat marketing materials
  • Feminine blogs and lifestyle content
  • Delicate stationery and invitation design
  • Soft UI/UX for calming applications

Suggested color roles

primary

Employ #FFB6C1 as a gentle primary color for main sections or prominent UI elements, offering a warm and inviting feel.

secondary

Utilize #D8BFD8 for supporting content blocks, subheadings, or illustrations, providing a subtle lavender contrast.

accent

Introduce #FFD1DC for soft highlights, interactive elements, or decorative touches that need a slightly brighter, yet still delicate, presence.

background

The lightest shade, #FADADD, creates an airy, expansive background, while #E6E6FA offers a slightly cooler, serene canvas.

text

For optimal readability, use a dark charcoal or a deep grey text color against these very light backgrounds. Avoid light text on light backgrounds.

Accessibility notes

  • Ensure high contrast for all text elements, as the palette consists of very light colors. Black or dark charcoal text is recommended.
  • Interactive elements should have distinct hover states or sufficient visual cues to indicate interactivity, given the subtle color differences.
  • Avoid using #FADADD and #E6E6FA for large blocks of text, as their low contrast with white text will be unreadable.
  • Consider using a slightly darker shade from outside the palette, such as a deep grey, for key information to enhance readability.

Recommended combinations

Petal Soft

Excellent for creating soft gradients, background textures, or delicate overlays where a gentle transition is desired.

#FADADD · #FFD1DC · #FFB6C1

Lavender Dream

Ideal for accentuating feminine designs, tranquil headers, or subtle call-to-action buttons that retain a serene feel.

#E6E6FA · #D8BFD8 · #FFB6C1

Airy Blush

Perfect for minimalist layouts, product showcases, or any design needing an extremely clean and delicate aesthetic with soft color hints.

#FADADD · #D8BFD8 · #FFD1DC

CSS variables

:root {
  --moonlit-sakura-petals-1: #FADADD;
  --moonlit-sakura-petals-2: #FFD1DC;
  --moonlit-sakura-petals-3: #FFB6C1;
  --moonlit-sakura-petals-4: #E6E6FA;
  --moonlit-sakura-petals-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-sakura-petals": {
        1: "#FADADD",
        2: "#FFD1DC",
        3: "#FFB6C1",
        4: "#E6E6FA",
        5: "#D8BFD8",
      }
    }
  }
}

Related searches

pastel pink lavender palettedelicate floral colorsmoonlight cherry blossom themesoft feminine designwedding color scheme

Palette colors

Hex values

Color 1#FADADD
·
Color 2#FFD1DC
·
Color 3#FFB6C1
·
Color 4#E6E6FA
·
Color 5#D8BFD8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.3:1Fail
1.1:1Fail
1.3:1Fail
2
1:1Fail
1.2:1Fail
1.1:1Fail
1.2:1Fail
3
1.3:1Fail
1.2:1Fail
1.3:1Fail
1:1Fail
4
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.4:1Fail
5
1.3:1Fail
1.2:1Fail
1:1Fail
1.4:1Fail

Similar palettes

More like Moonlit Sakura Petals

View all pastel
Moonlit Sakura Dream
Cherry Blossom Waltz
Cherry Blossom Whispers
Pastel Petal Cascade
Powder Pink Bloom
Sakura Bloom Dream