Back to palettes

Palette

Cherry Blossom Cloud

A soft, dreamy blend of pinks and lavenders, like floating cherry blossoms against a clear 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

#FDDDE6#FFC0CB#FFE4E1#E6E6FA#DDA0DD

Palette guide

How to use Cherry Blossom Cloud

Overview

The Cherry Blossom Cloud palette paints a dreamy landscape with soft pinks and a touch of lavender, reminiscent of blossoms against a clear sky. Hues like #FDDDE6, the classic #FFC0CB, and the warm #FFE4E1 create a gentle, inviting base. The inclusion of #E6E6FA, a delicate lavender, alongside the deeper #DDA0DD adds unique depth and sophistication. This palette is perfect for designers seeking to evoke a serene, ethereal, and slightly whimsical mood, ideal for elegant branding, digital art, or user interfaces that prioritize softness and grace.

Best used for

  • Elegant wedding stationery
  • Luxury spa branding
  • Feminine fashion and beauty sites
  • Baby clothing and nursery designs
  • Gentle digital illustrations
  • Romantic lifestyle blogs

Suggested color roles

primary

#FFC0CB - A quintessential cherry blossom pink, perfect for primary branding elements, headers, or large UI sections to establish a soft tone.

secondary

#FFE4E1 - A warm, delicate pink that supports the primary, ideal for subheadings, secondary buttons, or subtle background textures.

accent

#DDA0DD - A rich, muted lavender that adds a touch of elegance and mystery, excellent for highlights, interactive elements, or decorative details.

background

#FDDDE6 - A very light, airy pink that provides a clean, gentle canvas, ensuring content clarity while maintaining the palette's soft essence.

text

A deep charcoal grey provides excellent readability and a sophisticated feel against the light, ethereal shades, avoiding harsh contrasts.

Accessibility notes

  • Ensure sufficient contrast when pairing #DDA0DD with lighter colors for text, ideally on #FDDDE6 or #FFE4E1.
  • Avoid using #E6E6FA or #FDDDE6 for small text on very light backgrounds as contrast may be insufficient.
  • Utilize a darker text color (like charcoal or black) for body copy to ensure readability across all lighter palette shades.
  • Reserve the lightest pinks for backgrounds or large decorative elements to prevent accessibility issues with essential text.

Recommended combinations

Ethereal Glow

Create soft, dreamy backgrounds or layered elements, with #FDDDE6 as base, #FFC0CB for gentle accents, and #E6E6FA for a cool highlight.

#FDDDE6 · #FFC0CB · #E6E6FA

Blossom & Lavender

Ideal for a romantic and sophisticated look, using #FFE4E1 as a base, #FFC0CB for main elements, and #DDA0DD for elegant accents.

#FFE4E1 · #FFC0CB · #DDA0DD

Subtle Depth

Perfect for adding subtle depth to UI components or illustrations, creating a gradient from light pink to soft lavender.

#FDDDE6 · #FFE4E1 · #DDA0DD

CSS variables

:root {
  --cherry-blossom-cloud-2-1: #FDDDE6;
  --cherry-blossom-cloud-2-2: #FFC0CB;
  --cherry-blossom-cloud-2-3: #FFE4E1;
  --cherry-blossom-cloud-2-4: #E6E6FA;
  --cherry-blossom-cloud-2-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-cloud-2": {
        1: "#FDDDE6",
        2: "#FFC0CB",
        3: "#FFE4E1",
        4: "#E6E6FA",
        5: "#DDA0DD",
      }
    }
  }
}

Related searches

pink and lavender palettedreamy pastel colorsethereal floral schemesoft spring aestheticgentle romantic tones

Palette colors

Hex values

Color 1#FDDDE6
·
Color 2#FFC0CB
·
Color 3#FFE4E1
·
Color 4#E6E6FA
·
Color 5#DDA0DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1:1Fail
1:1Fail
1.6:1Fail
2
1.2:1Fail
1.3:1Fail
1.2:1Fail
1.3:1Fail
3
1:1Fail
1.3:1Fail
1:1Fail
1.7:1Fail
4
1:1Fail
1.2:1Fail
1:1Fail
1.7:1Fail
5
1.6:1Fail
1.3:1Fail
1.7:1Fail
1.7:1Fail

Similar palettes

More like Cherry Blossom Cloud

View all pastel
Sakura Bloom
Sakura Petal Breeze
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Breeze
Cherry Blossom Grace