Back to palettes

Palette

Cherry Blossom Rain

Soft, muted blues and subtle pinks capture the delicate beauty of cherry blossoms after a spring rain.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0EBF2#C0D2E0#A0BBCF#789CB8#5A7E9A

Palette guide

How to use Cherry Blossom Rain

Overview

The Cherry Blossom Rain palette offers soft, muted blues and subtle pinks, capturing the delicate beauty of cherry blossoms after a spring rain. Ranging from the light #E0EBF2 to the deeper #5A7E9A, and including #C0D2E0, #A0BBCF, and #789CB8, this palette provides a harmonious gradient of cool, serene tones. It's an excellent choice for designers seeking to evoke calm, tranquility, and a sophisticated freshness. Ideal for modern branding, digital art, or user interfaces where a clean, inviting, and graceful aesthetic is desired, ensuring a comforting user experience across diverse design elements.

Best used for

  • Modern tech branding
  • Environmental non-profit websites
  • Wellness and meditation apps
  • Minimalist interior design concepts
  • Serene digital illustrations
  • Clean corporate identity

Suggested color roles

primary

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

secondary

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

accent

#5A7E9A - The deepest, most saturated blue in the palette, perfect for calls-to-action, important icons, or impactful decorative details.

background

#E0EBF2 - The lightest, almost white blue, 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 blues, avoiding harshness.

Accessibility notes

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

Recommended combinations

Rainy Sky

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

#E0EBF2 · #C0D2E0 · #A0BBCF

Deep Calm

Use #E0EBF2 as a clean background, #A0BBCF for main content, and #5A7E9A for impactful calls-to-action or highlights.

#E0EBF2 · #A0BBCF · #5A7E9A

Blossom Wash

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

#C0D2E0 · #789CB8 · #5A7E9A

CSS variables

:root {
  --cherry-blossom-rain-1: #E0EBF2;
  --cherry-blossom-rain-2: #C0D2E0;
  --cherry-blossom-rain-3: #A0BBCF;
  --cherry-blossom-rain-4: #789CB8;
  --cherry-blossom-rain-5: #5A7E9A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-rain": {
        1: "#E0EBF2",
        2: "#C0D2E0",
        3: "#A0BBCF",
        4: "#789CB8",
        5: "#5A7E9A",
      }
    }
  }
}

Related searches

soft blue color palettecool spring color schememuted blue tones designtranquil nature colorscherry blossom rain aesthetic

Palette colors

Hex values

Color 1#E0EBF2
·
Color 2#C0D2E0
·
Color 3#A0BBCF
·
Color 4#789CB8
·
Color 5#5A7E9A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.4:1Fail
3.5:1AA18
2
1.3:1Fail
1.3:1Fail
1.9:1Fail
2.8:1Fail
3
1.7:1Fail
1.3:1Fail
1.4:1Fail
2.1:1Fail
4
2.4:1Fail
1.9:1Fail
1.4:1Fail
1.5:1Fail
5
3.5:1AA18
2.8:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Cherry Blossom Rain

View all cool
City Puddle Glimmer
Misty Sky Drizzle
Rain Slicker Blue
Rainy City Reflections
Whispering Willow Shade
Winter Bloom Hues