Back to palettes

Palette

Spring Blossom Dew

Soft, tender pinks and blushes inspired by the delicate freshness of spring blossoms.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F9EBEA#F5D3D1#EFBAB9#E9A1A0#FCEEEB

Palette guide

How to use Spring Blossom Dew

Overview

The Spring Blossom Dew palette features soft, tender pinks and blushes, inspired by the delicate freshness of spring blossoms. With hues ranging from the almost-neutral #F9EBEA and #FCEEEB to the gentle #F5D3D1, #EFBAB9, and #E9A1A0, this collection exudes a serene and comforting warmth. Designers and developers can leverage these gentle colors to create inviting user interfaces, soothing product packaging, or romantic brand narratives. It's an excellent choice for projects that aim to evoke tenderness, purity, and the soft glow of a spring morning dew.

Best used for

  • Skincare and beauty product packaging
  • Baby apparel and nursery decor
  • Gentle product design and branding
  • Romantic stationery and invitations
  • Soft UI elements and web themes
  • Wellness and self-care digital experiences

Suggested color roles

primary

Use #EFBAB9 (Soft Pink) as the foundational color for a gentle, welcoming tone.

secondary

Apply #E9A1A0 (Slightly Deeper Pink) for supporting elements, adding a subtle layer of warmth.

accent

Introduce #F5D3D1 (Lighter Blush) for delicate highlights or subtle calls-to-action, maintaining softness.

background

Select #F9EBEA (Pale Pink) or #FCEEEB (Light Peach) for very light, airy backgrounds that enhance the palette's delicate feel.

text

Pair with a deep charcoal, dark plum, or rich brown for body text and headings to ensure optimal readability.

Accessibility notes

  • Given the lightness of the palette, ensure very dark text is used on all background colors for readability.
  • Avoid using light-colored text on any of these shades, as contrast will likely be insufficient.
  • For critical information, the text should be black or near-black to meet accessibility standards.
  • Always test color combinations with accessibility tools to confirm adequate contrast for all users.

Recommended combinations

Subtle Transition

Creates a delicate, gradual pink gradient, ideal for soft backgrounds or layered graphic elements.

#F9EBEA · #F5D3D1 · #EFBAB9

Warm Gentle

Offers a slightly warmer combination with a gentle contrast, suitable for branding or decorative accents.

#FCEEEB · #E9A1A0 · #EFBAB9

Delicate Balance

Provides a balanced, delicate look with a soft accent, perfect for invitations or subtle UI components.

#F5D3D1 · #E9A1A0 · #FCEEEB

CSS variables

:root {
  --spring-blossom-dew-2-1: #F9EBEA;
  --spring-blossom-dew-2-2: #F5D3D1;
  --spring-blossom-dew-2-3: #EFBAB9;
  --spring-blossom-dew-2-4: #E9A1A0;
  --spring-blossom-dew-2-5: #FCEEEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-blossom-dew-2": {
        1: "#F9EBEA",
        2: "#F5D3D1",
        3: "#EFBAB9",
        4: "#E9A1A0",
        5: "#FCEEEB",
      }
    }
  }
}

Related searches

soft pink dew palettedelicate blossom huesgentle spring colorsromantic pastel schemelight blush tones

Palette colors

Hex values

Color 1#F9EBEA
·
Color 2#F5D3D1
·
Color 3#EFBAB9
·
Color 4#E9A1A0
·
Color 5#FCEEEB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.8:1Fail
1:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
1.2:1Fail
3
1.5:1Fail
1.2:1Fail
1.2:1Fail
1.5:1Fail
4
1.8:1Fail
1.5:1Fail
1.2:1Fail
1.8:1Fail
5
1:1Fail
1.2:1Fail
1.5:1Fail
1.8:1Fail

Similar palettes

More like Spring Blossom Dew

View all pastel