Back to palettes

Palette

Cherry Blossom Dawn

Gentle pinks and soft whites capture the delicate beauty of cherry blossoms bathed in early morning light, pure and ephemeral.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FBEFF2#F8CEDC#F4A7B8#F08080#D87093

Palette guide

How to use Cherry Blossom Dawn

Overview

The Cherry Blossom Dawn palette captures the delicate beauty of cherry blossoms bathed in early morning light, pure and ephemeral. Ranging from the almost white #FBEFF2 to the soft #F8CEDC, and deepening through #F4A7B8 to the more pronounced #F08080 and #D87093, this palette offers a harmonious gradient of romantic pinks. It's an excellent choice for designers seeking to evoke calm, romance, and gentle sophistication. Ideal for elegant branding, digital art, or user interfaces where a soft, inviting, and graceful aesthetic is desired, ensuring a comforting user experience.

Best used for

  • Romantic wedding invitations
  • Luxury beauty product packaging
  • Feminine fashion editorial
  • Spa and wellness retreat branding
  • Delicate digital illustrations
  • Soft lifestyle photography

Suggested color roles

primary

#F4A7B8 - A balanced mid-pink, excellent for primary branding elements, headers, or main content blocks, offering soft prominence.

secondary

#F8CEDC - A lighter, supportive pink ideal for subheadings, background textures, or secondary UI elements to maintain softness.

accent

#D87093 - The deepest, most vibrant pink in the palette, perfect for calls-to-action, important icons, or impactful decorative details.

background

#FBEFF2 - The lightest, almost white pink, providing an airy, clean canvas that allows other colors to softly emerge.

text

A deep, rich charcoal grey ensures optimal readability and a sophisticated contrast against the delicate pinks, avoiding harshness.

Accessibility notes

  • Ensure sufficient contrast for text when using #D87093 or #F08080 on very light backgrounds like #FBEFF2.
  • Avoid using #F8CEDC or #FBEFF2 for small text on near-white backgrounds due to low contrast.
  • For body text, a dark grey or black on #FBEFF2 or #F8CEDC will offer the best readability.
  • Reserve the lightest shades for backgrounds or large decorative elements, not critical informational text.

Recommended combinations

Dawn Hues

Ideal for subtle background gradients or layered graphic elements, creating a gentle, flowing visual effect.

#FBEFF2 · #F8CEDC · #F4A7B8

Romantic Contrast

Use #FBEFF2 as a clean background, #F4A7B8 for main content, and #D87093 for impactful calls-to-action or highlights.

#FBEFF2 · #F4A7B8 · #D87093

Blossom Depth

Excellent for creating visual depth in illustrations or complex UI components, progressing from soft to deep pink.

#F8CEDC · #F08080 · #D87093

CSS variables

:root {
  --cherry-blossom-dawn-1: #FBEFF2;
  --cherry-blossom-dawn-2: #F8CEDC;
  --cherry-blossom-dawn-3: #F4A7B8;
  --cherry-blossom-dawn-4: #F08080;
  --cherry-blossom-dawn-5: #D87093;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-dawn": {
        1: "#FBEFF2",
        2: "#F8CEDC",
        3: "#F4A7B8",
        4: "#F08080",
        5: "#D87093",
      }
    }
  }
}

Related searches

cherry blossom pink gradientromantic spring color palettesoft blush tones designdelicate floral aestheticdawn light color scheme

Palette colors

Hex values

Color 1#FBEFF2
·
Color 2#F8CEDC
·
Color 3#F4A7B8
·
Color 4#F08080
·
Color 5#D87093
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
2.8:1Fail
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.2:1Fail
3
1.7:1Fail
1.3:1Fail
1.4:1Fail
1.7:1Fail
4
2.3:1Fail
1.8:1Fail
1.4:1Fail
1.2:1Fail
5
2.8:1Fail
2.2:1Fail
1.7:1Fail
1.2:1Fail

Similar palettes

More like Cherry Blossom Dawn

View all pastel
Cherry Blossom Lane
Cherry Blossom Serenade
Blushing Rose Dew
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Cloud