Back to palettes

Palette

Whispering Dream Plush

A tender collection of soft, airy hues that evoke gentle childhood dreams and plush comfort.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Dream Plush 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 Dream Plush.

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

Data visualization

#F8E2E5#D2BEDA#A0C2E8#B0DCEF#F9F2E0

Palette guide

How to use Whispering Dream Plush

Overview

The Whispering Dream Plush palette offers a tender collection of soft, airy hues that evoke gentle childhood dreams and plush comfort. Featuring delicate shades like the barely-there pink of #F8E2E5, the calming lavender-grey of #D2BEDA, and the serene sky blue of #A0C2E8, this palette is perfect for creating a tranquil and inviting user experience. Its pastel tones, including the subtle warmth of #F9F2E0, lend themselves beautifully to designs that require a soft, nurturing, or whimsical touch, making it a favorite for brands aiming for a light and dreamy aesthetic.

Best used for

  • Baby product branding and packaging
  • Spa, wellness, and meditation apps
  • Wedding invitations and stationery
  • Children's book illustrations and websites
  • Feminine lifestyle blogs and e-commerce
  • Delicate UI design for calm user experiences

Suggested color roles

primary

Utilize #F8E2E5 or #F9F2E0 as a soft, expansive background to create an airy and open feel.

secondary

Apply #D2BEDA for secondary content areas, subtle borders, or interactive elements that need a gentle distinction.

accent

Use #A0C2E8 or #B0DCEF for highlights, call-to-action buttons, or iconography where a touch of soft color is desired.

background

The lightest hues, #F8E2E5 and #F9F2E0, are ideal for primary backgrounds, promoting a sense of calm and spaciousness.

text

For optimal readability, use a dark charcoal or deep grey (#333333) for body text and a slightly lighter grey for secondary text.

Accessibility notes

  • Ensure high contrast for text, as all palette colors are very light. Dark grey or black text is often necessary.
  • Avoid using light pastel colors for small text or critical UI elements without sufficient contrast.
  • When pairing similar light shades, use sufficient spacing or borders to define elements clearly.
  • Test color combinations for readability, especially when using #D2BEDA or #A0C2E8 for text on light backgrounds.

Recommended combinations

Dreamy Sky

Excellent for headers or illustrations that evoke a soft, ethereal sky.

#F8E2E5 · #A0C2E8 · #B0DCEF

Gentle Comfort

Ideal for background sections, testimonials, or soft card components.

#F9F2E0 · #D2BEDA · #A0C2E8

Plush Accents

Use for interactive elements or subtle brand highlights against a light backdrop.

#A0C2E8 · #F8E2E5 · #B0DCEF

CSS variables

:root {
  --whispering-dream-plush-1: #F8E2E5;
  --whispering-dream-plush-2: #D2BEDA;
  --whispering-dream-plush-3: #A0C2E8;
  --whispering-dream-plush-4: #B0DCEF;
  --whispering-dream-plush-5: #F9F2E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-dream-plush": {
        1: "#F8E2E5",
        2: "#D2BEDA",
        3: "#A0C2E8",
        4: "#B0DCEF",
        5: "#F9F2E0",
      }
    }
  }
}

Related searches

pastel color schemessoft aesthetic palettedreamy UI colorsbaby brand color ideascalm serene design

Palette colors

Hex values

Color 1#F8E2E5
·
Color 2#D2BEDA
·
Color 3#A0C2E8
·
Color 4#B0DCEF
·
Color 5#F9F2E0
·

Accessibility

Contrast checker

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

Similar palettes

More like Whispering Dream Plush

View all pastel