Back to palettes

Palette

Spring Blossom Dawn

Soft, delicate pinks capture the ephemeral beauty and fresh feel of blooming flowers at the start of spring.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDF2F5#F2D7DD#E7BCC5#DC97A6#D17288

Palette guide

How to use Spring Blossom Dawn

Overview

The Spring Blossom Dawn palette captures the fresh feel and ephemeral beauty of blooming flowers at the start of spring with its progression of soft, delicate pinks. From the airy #FDF2F5 to the deeper #D17288, including inviting tones like #F2D7DD and #E7BCC5, this collection offers a warm, romantic, and youthful appeal. Designers and developers can leverage these hues to create inviting digital experiences, charming product designs, or heartfelt branding. It's an ideal choice for projects that aim to convey tenderness, growth, and the gentle optimism of a new season.

Best used for

  • Feminine and romantic brand identities
  • Children's apparel and toy design
  • Confectionery and dessert packaging
  • Wedding and event invitations
  • Social media graphics for lifestyle brands
  • Youth-focused digital interfaces

Suggested color roles

primary

Utilize #E7BCC5 (Medium Pink) as the central color to establish a soft, appealing presence.

secondary

Apply #DC97A6 (Muted Rose) for supporting elements, adding gentle depth and warmth.

accent

Introduce #D17288 (Deeper Rose) for impactful highlights or calls-to-action, providing a vibrant focal point.

background

Select #FDF2F5 (Lightest Blush) or #F2D7DD (Pale Pink) for clean, soft backgrounds that enhance the palette's delicate nature.

text

Pair with a deep burgundy, dark brown, or charcoal for all text to ensure excellent readability against the light pinks.

Accessibility notes

  • For readability, contrast is crucial; always use dark text on the lightest shades like #FDF2F5.
  • Avoid using light-colored text on any of the mid-tone pinks like #E7BCC5 or #DC97A6.
  • The darkest shade, #D17288, can support white text for larger headings, but verify contrast ratios.
  • Ensure interactive elements and important information have sufficient contrast against their backgrounds.

Recommended combinations

Blush Gradient

Creates a soft, subtle gradient effect, perfect for backgrounds or decorative elements.

#FDF2F5 · #F2D7DD · #E7BCC5

Rose Depth

Ideal for conveying a richer, more vibrant rose aesthetic in branding or illustrations.

#E7BCC5 · #DC97A6 · #D17288

Accented Light

Provides a striking contrast between a very light background and a deep, impactful accent.

#FDF2F5 · #D17288 · #DC97A6

CSS variables

:root {
  --spring-blossom-dawn-1: #FDF2F5;
  --spring-blossom-dawn-2: #F2D7DD;
  --spring-blossom-dawn-3: #E7BCC5;
  --spring-blossom-dawn-4: #DC97A6;
  --spring-blossom-dawn-5: #D17288;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-blossom-dawn": {
        1: "#FDF2F5",
        2: "#F2D7DD",
        3: "#E7BCC5",
        4: "#DC97A6",
        5: "#D17288",
      }
    }
  }
}

Related searches

spring dawn pinksblossom gradient palettedelicate rose colorsromantic spring schemelight floral design

Palette colors

Hex values

Color 1#FDF2F5
·
Color 2#F2D7DD
·
Color 3#E7BCC5
·
Color 4#DC97A6
·
Color 5#D17288
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2.1:1Fail
3:1Fail
2
1.2:1Fail
1.3:1Fail
1.7:1Fail
2.4:1Fail
3
1.5:1Fail
1.3:1Fail
1.4:1Fail
1.9:1Fail
4
2.1:1Fail
1.7:1Fail
1.4:1Fail
1.4:1Fail
5
3:1Fail
2.4:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Spring Blossom Dawn

View all pastel
Cherry Blossom Cloud
Cherry Bloom Whisper
Cherry Bloom Whisper
Cherry Blossom Bloom
Cherry Blossom Blush
Cherry Blossom Blush