Back to palettes

Palette

Pastel Blossom Dream

A delicate blend of soft florals and gentle sky, like a dreamy spring awakening under a warm sun.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Blossom Dream 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 Pastel Blossom Dream.

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

Data visualization

#F9D3DC#E0BBE4#957DAD#CBAACB#FFC3A0

Palette guide

How to use Pastel Blossom Dream

Overview

The Pastel Blossom Dream palette is a delicate blend of soft florals and gentle sky, like a dreamy spring awakening under a warm sun. This romantic collection features a soft blush #F9D3DC, an elegant lavender #E0BBE4, a deep plum-mauve #957DAD, a muted lilac #CBAACB, and a warm peach #FFC3A0. Designers and developers can leverage these sophisticated yet playful tones to create inviting user interfaces, romantic brand identities, or ethereal digital experiences. It's an excellent choice for projects aiming to convey beauty, tenderness, and a touch of dreamy elegance, perfect for a feminine and refined aesthetic.

Best used for

  • Wedding stationery and event branding
  • Feminine beauty and cosmetic products
  • Romantic blogs and lifestyle content
  • Elegant fashion collections
  • Artistic photography portfolios
  • Sophisticated e-commerce sites for gifts

Suggested color roles

primary

Use #E0BBE4 or #F9D3DC for main content areas or primary brand elements to convey softness and romance.

secondary

Apply #CBAACB as a supporting background or for secondary content blocks, offering a harmonious balance.

accent

Introduce #FFC3A0 for subtle highlights, interactive elements, or decorative details, providing a warm, inviting glow.

background

Utilize #F9D3DC or #FFC3A0 as a light, airy canvas for your design, promoting a sense of dreamy spaciousness.

text

Pair these pastels with a deep plum (e.g., #5D405B) or charcoal for optimal readability and a sophisticated feel. White text works well on #957DAD.

Accessibility notes

  • Most palette colors are light; ensure dark text for readability against these backgrounds.
  • The deep plum #957DAD offers excellent contrast for white text.
  • Test color combinations for WCAG AA compliance, especially for critical information.
  • Differentiate clearly between similar light hues like #F9D3DC and #CBAACB when used adjacently.

Recommended combinations

Dreamy Bloom

Ideal for soft gradients, romantic headers, or visual elements that evoke a gentle, floral warmth.

#F9D3DC · #E0BBE4 · #FFC3A0

Elegant Depth

Perfect for footers, navigation bars, or sections requiring more visual weight and a sense of sophisticated grounding.

#957DAD · #CBAACB · #F9D3DC

Blush Accent

Combine for elegant buttons, icons, or subtle data visualizations where clarity and a refined accent are needed.

#FFC3A0 · #E0BBE4 · #957DAD

CSS variables

:root {
  --pastel-blossom-dream-2-1: #F9D3DC;
  --pastel-blossom-dream-2-2: #E0BBE4;
  --pastel-blossom-dream-2-3: #957DAD;
  --pastel-blossom-dream-2-4: #CBAACB;
  --pastel-blossom-dream-2-5: #FFC3A0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-blossom-dream-2": {
        1: "#F9D3DC",
        2: "#E0BBE4",
        3: "#957DAD",
        4: "#CBAACB",
        5: "#FFC3A0",
      }
    }
  }
}

Related searches

romantic pastel paletteblush floral colorsdreamy wedding schemesoft purple pinkelegant feminine palette

Palette colors

Hex values

Color 1#F9D3DC
·
Color 2#E0BBE4
·
Color 3#957DAD
·
Color 4#CBAACB
·
Color 5#FFC3A0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.6:1Fail
1.5:1Fail
1.1:1Fail
2
1.2:1Fail
2.1:1Fail
1.2:1Fail
1.1:1Fail
3
2.6:1Fail
2.1:1Fail
1.7:1Fail
2.3:1Fail
4
1.5:1Fail
1.2:1Fail
1.7:1Fail
1.3:1Fail
5
1.1:1Fail
1.1:1Fail
2.3:1Fail
1.3:1Fail

Similar palettes

More like Pastel Blossom Dream

View all pastel