Back to palettes

Palette

Spring Blossom Dew

A delicate progression of gentle pinks, capturing the fresh, tender beauty of spring blossoms at dawn.

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

#FFD4DB#FFB8C1#FFA0AD#FF889A#FF7088

Palette guide

How to use Spring Blossom Dew

Overview

The Spring Blossom Dew palette offers a delicate progression of gentle pinks, capturing the fresh, tender beauty of spring blossoms at dawn. Ranging from the softest #FFD4DB to the vibrant #FF7088, including charming shades like #FFB8C1, #FFA0AD, and #FF889A, this collection exudes youthful energy and romantic charm. Designers and developers can leverage these inviting hues to create dynamic digital interfaces, engaging product designs, or heartfelt brand stories. It's an ideal choice for projects that aim to convey vitality, sweetness, and the joyful awakening of spring.

Best used for

  • Youthful fashion and beauty brands
  • Confectionery and dessert branding
  • Romantic digital art and illustrations
  • Lively event branding and invitations
  • Social media campaigns for young audiences
  • Feminine app interfaces and websites

Suggested color roles

primary

Utilize #FFA0AD (Medium Rose Pink) as the central color for a warm, inviting, and prominent presence.

secondary

Apply #FF889A (Vibrant Rose) for supporting elements, adding depth and a lively touch.

accent

Introduce #FF7088 (Deepest Pink) for high-impact accents or calls-to-action, providing a strong focal point.

background

Choose #FFD4DB (Lightest Pink) or #FFB8C1 (Pale Pink) for soft, ethereal backgrounds that allow other colors to bloom.

text

Pair with a deep fuchsia, dark charcoal, or dark plum for all text to ensure excellent readability, especially on lighter shades.

Accessibility notes

  • For readability, ensure very dark text is used on the lightest shades like #FFD4DB and #FFB8C1.
  • The darker shades, such as #FF7088, can support white text for larger headings, but verify contrast ratios carefully.
  • Avoid using light text on mid-tone colors like #FFA0AD or #FF889A without thorough contrast checks.
  • Always test color combinations with accessibility tools to meet WCAG standards for interactive elements.

Recommended combinations

Soft Gradient

Creates a subtle, harmonious pink gradient, ideal for backgrounds or soft graphic elements.

#FFD4DB · #FFB8C1 · #FFA0AD

Vibrant Progression

Excellent for conveying depth and intensity, perfect for impactful branding or visual hierarchy.

#FFA0AD · #FF889A · #FF7088

Light Accent

Provides a striking contrast between a very light background and a deep, vibrant accent, drawing immediate attention.

#FFD4DB · #FF7088 · #FFB8C1

CSS variables

:root {
  --spring-blossom-dew-1: #FFD4DB;
  --spring-blossom-dew-2: #FFB8C1;
  --spring-blossom-dew-3: #FFA0AD;
  --spring-blossom-dew-4: #FF889A;
  --spring-blossom-dew-5: #FF7088;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-blossom-dew": {
        1: "#FFD4DB",
        2: "#FFB8C1",
        3: "#FFA0AD",
        4: "#FF889A",
        5: "#FF7088",
      }
    }
  }
}

Related searches

vibrant pink spring paletteblossom gradient pinksfresh floral huesromantic rose colorssweet spring design

Palette colors

Hex values

Color 1#FFD4DB
·
Color 2#FFB8C1
·
Color 3#FFA0AD
·
Color 4#FF889A
·
Color 5#FF7088
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.7:1Fail
2:1Fail
2
1.2:1Fail
1.2:1Fail
1.4:1Fail
1.6:1Fail
3
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail
4
1.7:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
5
2:1Fail
1.6:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Spring Blossom Dew

View all pastel