Back to palettes

Palette

Whispering Cloud Petals

Gentle, ethereal pastels blending soft purples, pinks, and a touch of sunshine yellow.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0BBE4#957DAD#D291BC#FFC72C#FDCEDF

Palette guide

How to use Whispering Cloud Petals

Overview

The Whispering Cloud Petals palette is a delightful collection of gentle, ethereal pastels, blending soft purples, pinks, and a playful touch of sunshine yellow. With hues like the dreamy #E0BBE4 and the vibrant #FFC72C, this palette offers designers and developers a whimsical and lighthearted foundation. The mid-tone #D291BC provides a romantic anchor, while #FDCEDF adds a soft, inviting base. This palette is perfect for projects seeking to convey creativity, joy, and a touch of fantasy, ideal for engaging and cheerful visual experiences.

Best used for

  • Children's brands and toy packaging
  • Whimsical illustrations and animations
  • Creative blogs and personal branding
  • Playful event invitations and decor
  • Unique fashion accessories and apparel
  • Dreamy digital art and UI elements

Suggested color roles

primary

#FDCEDF serves as the softest pink, a dreamy base ideal for expansive backgrounds or delicate content areas.

secondary

#E0BBE4 provides a gentle lavender, offering supportive tones for secondary content or subtle overlays.

accent

#FFC72C acts as a vibrant yellow, perfect for a playful pop of emphasis on calls to action or key details.

background

#FDCEDF creates a light, cheerful canvas that enhances the palette's whimsical nature.

text

#957DAD delivers a deeper purple-gray, offering sufficient contrast for readability on lighter tones.

Accessibility notes

  • Use #957DAD for primary text to ensure sufficient contrast on #FDCEDF, #E0BBE4, and #D291BC.
  • The vibrant #FFC72C will have low contrast on very light backgrounds; use with caution for text or small elements.
  • Ensure interactive elements (buttons) have a clear visual state change and sufficient contrast, possibly with an outline.
  • Consider using larger font sizes for any text set in #D291BC against lighter backgrounds for better legibility.

Recommended combinations

Dreamy Sky

For a soft, harmonious, and ethereal design, suitable for hero sections, main content areas, or tranquil backgrounds.

#FDCEDF · #E0BBE4 · #957DAD

Playful Pop

To introduce a vibrant accent and playful energy, ideal for calls to action, highlights, or illustrative details.

#E0BBE4 · #D291BC · #FFC72C

Soft Whimsy

For a balanced look where both softness and a touch of grounding are desired, such as content cards or feature blocks.

#FDCEDF · #D291BC · #957DAD

CSS variables

:root {
  --whispering-cloud-petals-1: #E0BBE4;
  --whispering-cloud-petals-2: #957DAD;
  --whispering-cloud-petals-3: #D291BC;
  --whispering-cloud-petals-4: #FFC72C;
  --whispering-cloud-petals-5: #FDCEDF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-cloud-petals": {
        1: "#E0BBE4",
        2: "#957DAD",
        3: "#D291BC",
        4: "#FFC72C",
        5: "#FDCEDF",
      }
    }
  }
}

Related searches

pastel purple pinkplayful color schemedreamy cloud colorslight whimsical palettevibrant accent colors

Palette colors

Hex values

Color 1#E0BBE4
·
Color 2#957DAD
·
Color 3#D291BC
·
Color 4#FFC72C
·
Color 5#FDCEDF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.5:1Fail
1.1:1Fail
1.2:1Fail
2
2.1:1Fail
1.5:1Fail
2.3:1Fail
2.6:1Fail
3
1.5:1Fail
1.5:1Fail
1.6:1Fail
1.8:1Fail
4
1.1:1Fail
2.3:1Fail
1.6:1Fail
1.1:1Fail
5
1.2:1Fail
2.6:1Fail
1.8:1Fail
1.1:1Fail

Similar palettes

More like Whispering Cloud Petals

View all pastel