Back to palettes

Palette

Cherry Blossom Grace

Soft, airy pinks capturing the fleeting beauty and gentle elegance of cherry blossoms in spring.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FCEFF8#F2DCEE#E3C1DA#CE9AC8#BB7BB5

Palette guide

How to use Cherry Blossom Grace

Overview

The Cherry Blossom Grace palette captures the fleeting beauty and gentle elegance of cherry blossoms in spring with soft, airy pinks. Ranging from the almost white #FCEFF8 to the deeper #BB7BB5, and including #F2DCEE, #E3C1DA, and #CE9AC8, this palette offers a sophisticated gradient of pastel purplish-pinks. It's an excellent choice for designers seeking to evoke calm, purity, and refined sophistication. Ideal for elegant branding, digital art, or user interfaces where a soft, inviting, and graceful aesthetic is desired, ensuring a comforting user experience across diverse design elements.

Best used for

  • Luxury wedding invitations
  • High-end beauty product branding
  • Elegant fashion editorial
  • Spa and wellness retreat websites
  • Delicate digital illustrations
  • Sophisticated feminine blogs

Suggested color roles

primary

#E3C1DA - A balanced mid-pink with a lavender undertone, excellent for primary branding elements, headers, or main content blocks.

secondary

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

accent

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

background

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

Recommended combinations

Graceful Layers

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

#FCEFF8 · #F2DCEE · #E3C1DA

Elegant Contrast

Use #FCEFF8 as a clean background, #E3C1DA for main content, and #BB7BB5 for impactful calls-to-action or highlights.

#FCEFF8 · #E3C1DA · #BB7BB5

Blossom Depth

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

#F2DCEE · #CE9AC8 · #BB7BB5

CSS variables

:root {
  --cherry-blossom-grace-1: #FCEFF8;
  --cherry-blossom-grace-2: #F2DCEE;
  --cherry-blossom-grace-3: #E3C1DA;
  --cherry-blossom-grace-4: #CE9AC8;
  --cherry-blossom-grace-5: #BB7BB5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-grace": {
        1: "#FCEFF8",
        2: "#F2DCEE",
        3: "#E3C1DA",
        4: "#CE9AC8",
        5: "#BB7BB5",
      }
    }
  }
}

Related searches

soft pastel pink paletteelegant spring color schemeblush and lavender tonesdelicate floral aestheticfeminine grace design

Palette colors

Hex values

Color 1#FCEFF8
·
Color 2#F2DCEE
·
Color 3#E3C1DA
·
Color 4#CE9AC8
·
Color 5#BB7BB5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2.1:1Fail
2.8:1Fail
2
1.2:1Fail
1.3:1Fail
1.8:1Fail
2.5:1Fail
3
1.5:1Fail
1.3:1Fail
1.4:1Fail
2:1Fail
4
2.1:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
5
2.8:1Fail
2.5:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Cherry Blossom Grace

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