Back to palettes

Palette

Spring Blossom Blush

Delicately soft and ephemeral, reflecting the gentle bloom of spring blossoms in morning light.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F9DFF1#F2C7E4#D1B3C4#E0EDDB#FDF4EC

Palette guide

How to use Spring Blossom Blush

Overview

The Spring Blossom Blush palette presents a delicately soft and ephemeral collection, reflecting the gentle bloom of spring blossoms in morning light. Featuring harmonious shades like the light #F9DFF1, the inviting #F2C7E4, and the sophisticated #D1B3C4, complemented by the subtle green of #E0EDDB and the creamy #FDF4EC, this palette is truly enchanting. Designers and developers can utilize these hues to create elegant, tender, and romantic aesthetics across various mediums. It's perfect for conveying a sense of luxury, softness, and natural beauty in digital and print designs.

Best used for

  • High-end beauty product packaging
  • Wedding and event branding
  • Feminine fashion and lifestyle blogs
  • Baby care product design
  • Elegant editorial layouts
  • Soft UI/UX for luxury brands

Suggested color roles

primary

Use #F2C7E4 (Soft Lilac Pink) as the dominant color for a gentle, feminine base.

secondary

Apply #D1B3C4 (Muted Plum) for secondary elements, providing depth and a touch of sophistication.

accent

Introduce #E0EDDB (Pale Sage) as a refreshing accent, adding a subtle, natural contrast.

background

Choose #FDF4EC (Warm Cream) or #F9DFF1 (Light Pink) for clean, airy backgrounds that allow other colors to bloom.

text

For optimal readability, pair with a deep charcoal, dark plum, or rich brown for body text and headings.

Accessibility notes

  • Ensure sufficient contrast for text on lighter shades like #F9DFF1 and #FDF4EC; use dark text.
  • Avoid light text on #D1B3C4 as it may not meet contrast requirements.
  • For crucial information, consider using the darkest recommended text color.
  • Always verify color combinations with accessibility tools to ensure legibility across all user groups.

Recommended combinations

Floral Whisper

Creates a soft, monochromatic pink gradient, ideal for delicate branding or subtle UI transitions.

#F9DFF1 · #F2C7E4 · #D1B3C4

Earthy Bloom

Perfect for a grounded, natural feel in packaging or web layouts, combining warmth with a cool accent.

#FDF4EC · #E0EDDB · #D1B3C4

Airy Freshness

Offers a light and refreshing combination, excellent for headers, banners, or decorative elements.

#F2C7E4 · #E0EDDB · #F9DFF1

CSS variables

:root {
  --spring-blossom-blush-1: #F9DFF1;
  --spring-blossom-blush-2: #F2C7E4;
  --spring-blossom-blush-3: #D1B3C4;
  --spring-blossom-blush-4: #E0EDDB;
  --spring-blossom-blush-5: #FDF4EC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-blossom-blush": {
        1: "#F9DFF1",
        2: "#F2C7E4",
        3: "#D1B3C4",
        4: "#E0EDDB",
        5: "#FDF4EC",
      }
    }
  }
}

Related searches

delicate pink palettespring floral blushsoft pastel wedding colorsromantic design schemegentle bloom hues

Palette colors

Hex values

Color 1#F9DFF1
·
Color 2#F2C7E4
·
Color 3#D1B3C4
·
Color 4#E0EDDB
·
Color 5#FDF4EC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1:1Fail
1.1:1Fail
2
1.2:1Fail
1.3:1Fail
1.2:1Fail
1.4:1Fail
3
1.5:1Fail
1.3:1Fail
1.6:1Fail
1.8:1Fail
4
1:1Fail
1.2:1Fail
1.6:1Fail
1.1:1Fail
5
1.1:1Fail
1.4:1Fail
1.8:1Fail
1.1:1Fail

Similar palettes

More like Spring Blossom Blush

View all pastel
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Grace
Sakura Bloom Spring
Sakura Petal Blush
Blushing Petal Softness