Palette

Spring Blossom Dew

The delicate and fleeting beauty of spring blossoms kissed by the soft morning dew.

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

#FFDAB9#FFC0CB#E6E6FA#F0F8FF#B0E0E6

Palette guide

How to use Spring Blossom Dew

Overview

The Spring Blossom Dew palette captures the delicate and fleeting beauty of spring blossoms kissed by soft morning dew. This collection features a harmonious blend of warm and cool pastels, including the inviting #FFDAB9 (Peach Puff), the classic #FFC0CB (Pink), and the serene #E6E6FA (Lavender Blush), alongside airy blues like #F0F8FF (Alice Blue) and #B0E0E6 (Powder Blue). Designers and developers can leverage these hues to create whimsical, romantic, and fresh digital experiences or product designs. It's an ideal choice for projects aiming to convey lightness, purity, and gentle charm.

Best used for

Children's book illustrations and themes
Wedding invitations and decor
Romantic web design and blogs
Feminine fashion branding
Lighthearted and playful digital art
Baby shower themes and products

Suggested color roles

primary

Utilize #FFC0CB (Pink) as the core color for a classic, sweet, and gentle feel.

secondary

Apply #B0E0E6 (Powder Blue) for supporting elements, adding a serene and balanced contrast.

accent

Introduce #FFDAB9 (Peach Puff) for warm highlights or subtle calls-to-action, providing a soft glow.

background

Choose #F0F8FF (Alice Blue) or #E6E6FA (Lavender Blush) for light, ethereal backgrounds that enhance the palette's airy quality.

text

Pair with a deep navy blue, charcoal, or dark brown for all text to ensure optimal readability against the light pastels.

Accessibility notes

Ensure very dark text is used on all background colors like #F0F8FF and #E6E6FA for clear readability.
Avoid using light-colored text on #FFC0CB or #B0E0E6 without careful contrast checking.
For critical information, consider text in black or a very dark shade of blue.
Always verify color combinations with accessibility tools to meet WCAG standards, especially for interactive elements.

Recommended combinations

Cool Serenity

Creates a cool, airy gradient perfect for tranquil backgrounds or minimalist designs.

#F0F8FF · #E6E6FA · #B0E0E6

Blossom Harmony

Combines warm pinks with a cool accent, ideal for balanced and inviting compositions.

#FFDAB9 · #FFC0CB · #E6E6FA

Playful Dew

Provides a classic baby-color scheme, excellent for children's brands or soft digital illustrations.

#FFC0CB · #B0E0E6 · #F0F8FF

CSS variables

:root {
  --spring-blossom-dew-3-1: #FFDAB9;
  --spring-blossom-dew-3-2: #FFC0CB;
  --spring-blossom-dew-3-3: #E6E6FA;
  --spring-blossom-dew-3-4: #F0F8FF;
  --spring-blossom-dew-3-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-blossom-dew-3": {
        1: "#FFDAB9",
        2: "#FFC0CB",
        3: "#E6E6FA",
        4: "#F0F8FF",
        5: "#B0E0E6",
      }
    }
  }
}

Hex values

Color 1#FFDAB9

Color 2#FFC0CB

Color 3#E6E6FA

Color 4#F0F8FF

Color 5#B0E0E6

Accessibility

Contrast checker

1.2:1Fail

1.1:1Fail

1.2:1Fail

1.1:1Fail

1.2:1Fail

1.4:1Fail

1.1:1Fail

1.2:1Fail

1.1:1Fail

1.2:1Fail

1.4:1Fail

1.1:1Fail

1.3:1Fail

1.1:1Fail

1.2:1Fail

1.3:1Fail

Similar palettes

More like Spring Blossom Dew

Spring Blossom Dew

See it in context.

Ready when you are.

Built with Spring Blossom Dew.

How to use Spring Blossom Dew

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Cool Serenity

Blossom Harmony

Playful Dew

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Spring Blossom Dew