Back to palettes

Palette

Morning Blossom Dew

Soft and ethereal hues reflecting the delicate beauty of morning blossoms touched by sparkling dew.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Morning Blossom Dew 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 Morning Blossom Dew.

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

Data visualization

#F0D8D8#BEE7E9#DDEEDD#FFF5E1#ECC5D4

Palette guide

How to use Morning Blossom Dew

Overview

The Morning Blossom Dew palette offers soft and ethereal hues that reflect the delicate beauty of morning blossoms touched by sparkling dew. This pastel collection features a gentle pink #F0D8D8, a refreshing mint blue #BEE7E9, a serene light green #DDEEDD, a warm creamy white #FFF5E1, and a lovely lavender-pink #ECC5D4. It's a perfect choice for designers and developers aiming for a fresh, delicate, and charming aesthetic. This palette excels in creating designs that feel light, airy, and inviting, ideal for conveying innocence, elegance, and a touch of whimsical beauty in various applications.

Best used for

  • Children's product branding and websites
  • Wedding and bridal shower themes
  • Elegant stationery and invitation designs
  • Confectionery and bakery packaging
  • Spa and relaxation service promotions
  • Spring fashion and accessory showcases

Suggested color roles

primary

Use #ECC5D4 for main headings, key calls to action, or prominent design elements to create a soft yet engaging focus.

secondary

Apply #BEE7E9 for sub-headings, secondary navigation, or background sections where a calming, cool tone is desired.

accent

Utilize #F0D8D8 for subtle highlights, interactive states, or decorative elements to add a delicate pop of pink.

background

Employ #FFF5E1 as the primary background color, providing a warm, inviting, and clean canvas that enhances the pastel hues.

text

For optimal readability on light backgrounds, a dark charcoal (#333333) or black is recommended. For subtle text on darker elements, #DDEEDD can be used.

Accessibility notes

  • Extreme care is needed for text contrast. Ensure any text on #FFF5E1, #DDEEDD, #BEE7E9, #F0D8D8, or #ECC5D4 meets WCAG standards.
  • For interactive elements, ensure their color, such as #ECC5D4, provides sufficient contrast against the #FFF5E1 background.
  • Avoid using very light colors for small text or critical information. Consider larger font sizes or bolder weights.
  • Differentiate interactive elements not just by color, but also by hover states, underlines, or icons, given the subtle palette.

Recommended combinations

Spring Fresh

Creates a refreshing, clean combination, ideal for header areas or sections promoting new beginnings.

#BEE7E9 · #DDEEDD · #FFF5E1

Blossom Petals

Offers a soft, floral blend with a creamy base, perfect for feminine branding or delicate product showcases.

#F0D8D8 · #ECC5D4 · #FFF5E1

Dew Kissed

Provides a harmonious mix of pink, blue, and cream, suitable for elegant invitations or serene web layouts.

#ECC5D4 · #BEE7E9 · #FFF5E1

CSS variables

:root {
  --morning-blossom-dew-1: #F0D8D8;
  --morning-blossom-dew-2: #BEE7E9;
  --morning-blossom-dew-3: #DDEEDD;
  --morning-blossom-dew-4: #FFF5E1;
  --morning-blossom-dew-5: #ECC5D4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-blossom-dew": {
        1: "#F0D8D8",
        2: "#BEE7E9",
        3: "#DDEEDD",
        4: "#FFF5E1",
        5: "#ECC5D4",
      }
    }
  }
}

Related searches

pastel spring color palettedelicate floral designsoft baby huesethereal wedding schemelight pastel hex codes

Palette colors

Hex values

Color 1#F0D8D8
·
Color 2#BEE7E9
·
Color 3#DDEEDD
·
Color 4#FFF5E1
·
Color 5#ECC5D4
·

Accessibility

Contrast checker

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

Similar palettes

More like Morning Blossom Dew

View all pastel
Blooming Meadow Softness
Blushing Petal Softness
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Blush
Cherry Blossom Grace