Back to palettes

Palette

Cherry Blossom Serenade

A delicate ode to spring, with soft blush pinks gradually deepening to a vibrant cherry bloom.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F9CAD3#F2A2B2#E87A93#DD4D6F#D2204B

Palette guide

How to use Cherry Blossom Serenade

Overview

The Cherry Blossom Serenade palette is a delicate ode to spring, with soft blush pinks gradually deepening to a vibrant cherry bloom. Ranging from the light #F9CAD3 to the bold #D2204B, and including #F2A2B2, #E87A93, and #DD4D6F, this palette offers a dynamic gradient of romantic pinks. It's an excellent choice for designers seeking to evoke calm, romance, and gentle sophistication with a powerful accent. Ideal for elegant branding, digital art, or user interfaces where a soft, inviting, yet impactful aesthetic is desired, ensuring a comforting user experience across diverse design elements.

Best used for

  • Romantic wedding stationery
  • High-end cosmetic branding
  • Feminine fashion editorial
  • Spa and wellness retreat branding
  • Delicate digital illustrations
  • Soft lifestyle photography

Suggested color roles

primary

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

secondary

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

accent

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

background

#F9CAD3 - 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 #D2204B or #DD4D6F on very light backgrounds like #F9CAD3.
  • Avoid using #F2A2B2 or #F9CAD3 for small text on near-white backgrounds due to low contrast.
  • For body text, a dark grey or black on #F9CAD3 or #F2A2B2 will offer the best readability.
  • Reserve the lightest shades for backgrounds or large decorative elements, not critical informational text.

Recommended combinations

Blush Gradient

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

#F9CAD3 · #F2A2B2 · #E87A93

Vibrant Serenade

Use #F9CAD3 as a clean background, #E87A93 for main content, and #D2204B for impactful calls-to-action or highlights.

#F9CAD3 · #E87A93 · #D2204B

Deep Bloom

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

#F2A2B2 · #DD4D6F · #D2204B

CSS variables

:root {
  --cherry-blossom-serenade-2-1: #F9CAD3;
  --cherry-blossom-serenade-2-2: #F2A2B2;
  --cherry-blossom-serenade-2-3: #E87A93;
  --cherry-blossom-serenade-2-4: #DD4D6F;
  --cherry-blossom-serenade-2-5: #D2204B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-serenade-2": {
        1: "#F9CAD3",
        2: "#F2A2B2",
        3: "#E87A93",
        4: "#DD4D6F",
        5: "#D2204B",
      }
    }
  }
}

Related searches

pink gradient color paletteromantic spring color schemeblush tones with accentdelicate floral aestheticdeep rose pink design

Palette colors

Hex values

Color 1#F9CAD3
·
Color 2#F2A2B2
·
Color 3#E87A93
·
Color 4#DD4D6F
·
Color 5#D2204B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.7:1Fail
3.6:1AA18
2
1.4:1Fail
1.4:1Fail
2:1Fail
2.6:1Fail
3
1.9:1Fail
1.4:1Fail
1.4:1Fail
1.9:1Fail
4
2.7:1Fail
2:1Fail
1.4:1Fail
1.3:1Fail
5
3.6:1AA18
2.6:1Fail
1.9:1Fail
1.3:1Fail

Similar palettes

More like Cherry Blossom Serenade

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