Back to palettes

Palette

Cherry Blossom Cloud

Soft and ethereal, like a floating cloud of delicate cherry blossoms against a pale spring sky.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDE8E9#FBCDD1#F8B4BD#EF98A2#CE707E

Palette guide

How to use Cherry Blossom Cloud

Overview

The Cherry Blossom Cloud palette offers a soft and ethereal spectrum of pinks, perfectly capturing the delicate beauty of blossoms against a pale spring sky. Ranging from the almost white #FDE8E9 to the deeper #CE707E, with intermediate hues like #FBCDD1, #F8B4BD, and #EF98A2, this palette provides a harmonious yet subtle range. It's ideal for designers seeking to evoke calm, gentle sophistication, and a touch of romance. Perfect for elegant branding, digital art, or user interfaces that prioritize softness and a serene aesthetic, ensuring a comforting user experience.

Best used for

  • Elegant wedding invitations
  • Luxury lifestyle branding
  • Feminine beauty product packaging
  • Spa and wellness website design
  • Delicate digital illustrations
  • Romantic photography filters

Suggested color roles

primary

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

secondary

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

accent

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

background

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

Recommended combinations

Soft Gradation

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

#FDE8E9 · #FBCDD1 · #F8B4BD

Elegant Contrast

Use #FDE8E9 as a clean background, #F8B4BD for main content, and #CE707E for impactful calls-to-action or highlights.

#FDE8E9 · #F8B4BD · #CE707E

Blossom Depth

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

#FBCDD1 · #EF98A2 · #CE707E

CSS variables

:root {
  --cherry-blossom-cloud-6-1: #FDE8E9;
  --cherry-blossom-cloud-6-2: #FBCDD1;
  --cherry-blossom-cloud-6-3: #F8B4BD;
  --cherry-blossom-cloud-6-4: #EF98A2;
  --cherry-blossom-cloud-6-5: #CE707E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-cloud-6": {
        1: "#FDE8E9",
        2: "#FBCDD1",
        3: "#F8B4BD",
        4: "#EF98A2",
        5: "#CE707E",
      }
    }
  }
}

Related searches

cherry blossom pastel paletteethereal pink color schemesoft spring floral designdelicate blush tonesromantic feminine aesthetic

Palette colors

Hex values

Color 1#FDE8E9
·
Color 2#FBCDD1
·
Color 3#F8B4BD
·
Color 4#EF98A2
·
Color 5#CE707E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.8:1Fail
2.9:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
2.4:1Fail
3
1.5:1Fail
1.2:1Fail
1.3:1Fail
2:1Fail
4
1.8:1Fail
1.5:1Fail
1.3:1Fail
1.6:1Fail
5
2.9:1Fail
2.4:1Fail
2:1Fail
1.6:1Fail

Similar palettes

More like Cherry Blossom Cloud

View all pastel
Cherry Blossom Breeze
Cherry Blossom Breeze
Cherry Blossom Whispers
Cherry Blossom Whispers
Morning Petal Flush
Sakura Bloom Grace