Back to palettes

Palette

Whispering Petals Haze

A soft, ethereal blend of pinks and purples, like delicate petals floating in a gentle haze.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFE8F2#FFCFF2#F7B5E0#E09FCE#C988BC

Palette guide

How to use Whispering Petals Haze

Overview

The "Whispering Petals Haze" palette is a soft, ethereal blend of pinks and purples, evoking the gentle, diffused light of a hazy morning. Ranging from the airy #FFE8F2 to the deeper #C988BC, it includes harmonious mid-tones like #FFCFF2, #F7B5E0, and #E09FCE. This palette is perfect for designers seeking a gentle, romantic, and subtly feminine aesthetic. Its cohesive gradient allows for creating depth and visual interest without overwhelming, making it ideal for projects that require a calming, elegant, and whimsical touch across various design applications.

Best used for

  • Children's fashion or toy branding
  • Baby shower invitations or nursery decor
  • Soft beauty product packaging
  • Romantic wedding stationery
  • Gentle lifestyle blogs and social media
  • Artistic or creative portfolio sites

Suggested color roles

primary

#E09FCE - A balanced, muted pink-purple that serves as a gentle anchor, suitable for main headings, important content blocks, or brand elements.

secondary

#F7B5E0 - A lighter, softer tone that gracefully complements the primary, ideal for subheadings, background accents, or secondary navigation.

accent

#FFCFF2 - A very light, almost white pink that provides a delicate highlight, perfect for subtle interactive states or ethereal graphic details.

background

#FFE8F2 - The lightest shade, offering a clean, airy, and soft canvas, enhancing readability for darker text while maintaining the palette's gentle mood.

text

#C988BC - A deeper, grounded purple-pink that ensures excellent contrast against lighter backgrounds, ideal for body text and headings, maintaining sophistication.

Accessibility notes

  • Ensure #C988BC text on #FFE8F2 background meets WCAG AA contrast for good readability of body text.
  • Avoid using #FFCFF2 or #F7B5E0 for small text on the #FFE8F2 background as contrast might be insufficient.
  • For interactive elements, provide clear visual indicators beyond just color, especially when using similar light tones.
  • Consider using a slightly darker neutral like #444444 for critical UI text if #C988BC doesn't provide enough contrast against mid-tone backgrounds.

Recommended combinations

Hazy Depth

Creates a gentle visual hierarchy, excellent for main content areas and headings.

#C988BC · #E09FCE · #FFE8F2

Petal Blend

Ideal for soft backgrounds, decorative elements, or subtle visual transitions.

#F7B5E0 · #FFCFF2 · #FFE8F2

Dreamy Focus

A harmonious trio for emphasizing key information or creating an elegant focal point.

#E09FCE · #FFE8F2 · #C988BC

CSS variables

:root {
  --whispering-petals-haze-1: #FFE8F2;
  --whispering-petals-haze-2: #FFCFF2;
  --whispering-petals-haze-3: #F7B5E0;
  --whispering-petals-haze-4: #E09FCE;
  --whispering-petals-haze-5: #C988BC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-petals-haze": {
        1: "#FFE8F2",
        2: "#FFCFF2",
        3: "#F7B5E0",
        4: "#E09FCE",
        5: "#C988BC",
      }
    }
  }
}

Related searches

soft pink purple palettehazy pastel color schemedelicate floral web designromantic feminine UI colorsmuted blush lilac brand

Palette colors

Hex values

Color 1#FFE8F2
·
Color 2#FFCFF2
·
Color 3#F7B5E0
·
Color 4#E09FCE
·
Color 5#C988BC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.8:1Fail
2.3:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
2:1Fail
3
1.4:1Fail
1.2:1Fail
1.3:1Fail
1.6:1Fail
4
1.8:1Fail
1.5:1Fail
1.3:1Fail
1.3:1Fail
5
2.3:1Fail
2:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Whispering Petals Haze

View all pastel
Soft Petal Whisper
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Grace
Cottage Garden Blush
Frosted Blossom