Back to palettes

Palette

Cherry Blossom Bloom

Delicate and airy pinks, capturing the fleeting beauty of cherry blossoms in full, romantic bloom.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDD8DD#F4A7B7#E28D9E#D15E77#BC3A5B

Palette guide

How to use Cherry Blossom Bloom

Overview

The Cherry Blossom Bloom palette captures the fleeting beauty of cherry blossoms in full, romantic bloom with delicate and airy pinks. This collection features a gentle #FDD8DD and #F4A7B7, transitioning through a blush #E28D9E, and deepening into richer, more vibrant pinks #D15E77 and #BC3A5B. For designers and developers, this palette offers a romantic yet sophisticated aesthetic, perfect for projects that aim to evoke tenderness, natural grace, and a sense of celebration. Its harmonious gradient of pinks provides versatility for creating inviting branding, serene interfaces, or charming digital experiences that resonate with a sense of joy and feminine elegance.

Best used for

  • Wedding and event planning websites
  • Feminine beauty and cosmetics brands
  • Spring fashion and apparel e-commerce
  • Romantic lifestyle blogs and content
  • Floral design and gifting services
  • Baby shower invitations and party decor

Suggested color roles

primary

Utilize #D15E77 as the dominant brand color for headers, important call-to-action buttons, and key interactive elements.

secondary

Employ #BC3A5B for secondary navigation, prominent content blocks, or as a deeper, richer accent.

accent

Apply #E28D9E for delicate interactive states, subtle highlights, or to add a touch of soft blush.

background

Choose #FDD8DD or #F4A7B7 for clean, airy, and inviting backgrounds.

text

For light backgrounds, use a dark charcoal or deep plum text color. For headings on #D15E77, a deep charcoal is recommended.

Accessibility notes

  • Ensure a dark charcoal text color on #FDD8DD or #F4A7B7 backgrounds meets WCAG contrast standards for body text.
  • Avoid using #E28D9E text on #F4A7B7 backgrounds for small text, as contrast will be insufficient.
  • Use #BC3A5B for headings against very light backgrounds, ensuring sufficient contrast with a dark text color.
  • Test interactive elements with #E28D9E against adjacent lighter tones to ensure sufficient visual distinction.

Recommended combinations

Romantic Blush

Ideal for main content areas: vibrant pink background, light text, and a deeper pink for subheadings.

#D15E77 · #FDD8DD · #BC3A5B

Blossom Gradient

Create subtle layered effects in UI cards, panels, or background patterns, mimicking delicate petals.

#F4A7B7 · #E28D9E · #D15E77

Airy Elegance

Use #BC3A5B for strong visual elements on a #FDD8DD canvas, with #E28D9E for delicate details or highlights.

#FDD8DD · #BC3A5B · #E28D9E

CSS variables

:root {
  --cherry-blossom-bloom-1: #FDD8DD;
  --cherry-blossom-bloom-2: #F4A7B7;
  --cherry-blossom-bloom-3: #E28D9E;
  --cherry-blossom-bloom-4: #D15E77;
  --cherry-blossom-bloom-5: #BC3A5B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-bloom": {
        1: "#FDD8DD",
        2: "#F4A7B7",
        3: "#E28D9E",
        4: "#D15E77",
        5: "#BC3A5B",
      }
    }
  }
}

Related searches

cherry blossom pink gradientromantic floral color schemespring blush palettedelicate pink UIfeminine elegant branding

Palette colors

Hex values

Color 1#FDD8DD
·
Color 2#F4A7B7
·
Color 3#E28D9E
·
Color 4#D15E77
·
Color 5#BC3A5B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.9:1Fail
2.9:1Fail
4.1:1AA18
2
1.5:1Fail
1.3:1Fail
2:1Fail
2.8:1Fail
3
1.9:1Fail
1.3:1Fail
1.5:1Fail
2.2:1Fail
4
2.9:1Fail
2:1Fail
1.5:1Fail
1.4:1Fail
5
4.1:1AA18
2.8:1Fail
2.2:1Fail
1.4:1Fail

Similar palettes

More like Cherry Blossom Bloom

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