Back to palettes

Palette

Whispering Cherry Petals

Gentle cherry blossoms drifting in a soft spring breeze, serene and delicate.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Cherry 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 Whispering Cherry Petals.

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

Data visualization

#FCDDDE#FAD0D1#E6ADAE#C8D9CB#F8ECED

Palette guide

How to use Whispering Cherry Petals

Overview

The Whispering Cherry Petals palette is a delicate collection of gentle pastels, inspired by cherry blossoms drifting in a soft spring breeze. With hues like the ethereal #FCDDDE and the slightly deeper #E6ADAE, this palette offers designers and developers a serene and romantic foundation. The unique inclusion of #C8D9CB provides a subtle, fresh contrast to the dominant pinks, creating a balanced and delicate aesthetic. This palette is perfect for projects requiring a soft, feminine, and elegant touch, evoking calm and beauty.

Best used for

  • Baby products and nurseries
  • Wedding invitations and stationery
  • Feminine branding and packaging
  • Confectionery and bakery websites
  • Delicate floral designs and illustrations
  • Spring fashion and beauty campaigns

Suggested color roles

primary

#FCDDDE serves as the lightest, most ethereal pink, ideal for expansive, soft backgrounds.

secondary

#FAD0D1 provides a gentle, supportive pink tone for secondary content or subtle overlays.

accent

#E6ADAE offers a slightly deeper pink, perfect for gentle emphasis on headings or key elements.

background

#FCDDDE creates an airy, romantic canvas that enhances the palette's delicate nature.

text

A dark gray or charcoal (e.g., #333333) is recommended for text to ensure readability against these light pastels.

Accessibility notes

  • Always use a dark gray or charcoal for text on these light pastel colors to ensure sufficient contrast.
  • Avoid using any palette color for small text elements due to very low contrast with light backgrounds.
  • Ensure interactive elements (buttons, links) have a clear visual state change and sufficient contrast.
  • Use larger font sizes or bolding for any text set in #E6ADAE or #C8D9CB for better visibility.

Recommended combinations

Blossom Breeze

For a soft, harmonious, and romantic design, suitable for hero sections, main content areas, or brand storytelling.

#FCDDDE · #FAD0D1 · #E6ADAE

Petal Soft

To create subtle layering and gentle transitions, ideal for card elements, delicate patterns, or secondary information.

#FAD0D1 · #E6ADAE · #F8ECED

Gentle Contrast

For a balanced look where a hint of freshness is desired, such as differentiating sections or highlighting specific content.

#FCDDDE · #E6ADAE · #C8D9CB

CSS variables

:root {
  --whispering-cherry-petals-1: #FCDDDE;
  --whispering-cherry-petals-2: #FAD0D1;
  --whispering-cherry-petals-3: #E6ADAE;
  --whispering-cherry-petals-4: #C8D9CB;
  --whispering-cherry-petals-5: #F8ECED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-cherry-petals": {
        1: "#FCDDDE",
        2: "#FAD0D1",
        3: "#E6ADAE",
        4: "#C8D9CB",
        5: "#F8ECED",
      }
    }
  }
}

Related searches

cherry blossom palettepastel pink greendelicate floral colorsspring wedding palettefeminine soft tones

Palette colors

Hex values

Color 1#FCDDDE
·
Color 2#FAD0D1
·
Color 3#E6ADAE
·
Color 4#C8D9CB
·
Color 5#F8ECED
·

Accessibility

Contrast checker

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

Similar palettes

More like Whispering Cherry Petals

View all pastel