Back to palettes

Palette

Cherry Blossom Cloud

Soft and airy, like a delicate cloud of cherry blossoms drifting in the spring breeze.

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

#FFB6C1#FFC0CB#FFDAB9#F0FFF0#F8F8FF

Palette guide

How to use Cherry Blossom Cloud

Overview

The Cherry Blossom Cloud palette offers an airy and delicate blend of pinks, apricot, and soft whites, evoking a gentle cloud of blossoms. Featuring the classic #FFB6C1 and #FFC0CB, complemented by the warmer #FFDAB9, and grounded by the nearly pure whites #F0FFF0 and #F8F8FF, this palette radiates calm and purity. It's an excellent choice for designers aiming for a minimalist, ethereal, and inviting aesthetic. Ideal for subtle branding, wedding themes, or digital interfaces where a light, serene, and sophisticated touch is paramount.

Best used for

  • Minimalist wedding designs
  • Spa and wellness branding
  • Baby care product packaging
  • Clean and elegant website interfaces
  • Soft digital art and illustrations
  • Romantic interior design concepts

Suggested color roles

primary

#FFB6C1 - A soft, classic pink, ideal for main branding elements, large headers, or primary UI components to establish a gentle tone.

secondary

#FFC0CB - A slightly lighter pink that supports the primary, perfect for subheadings, background textures, or secondary content blocks.

accent

#FFDAB9 - A warm, apricot-toned pink that adds a unique accent, great for subtle highlights, interactive elements, or decorative details.

background

#F0FFF0 - An airy, almost pure white with a hint of green, providing a clean, fresh canvas that enhances readability and lightness.

text

A soft charcoal grey provides excellent readability against the very light backgrounds, maintaining the ethereal aesthetic without harshness.

Accessibility notes

  • Ensure sufficient contrast when using #FFB6C1 or #FFC0CB for text on #F0FFF0 or #F8F8FF; consider larger font sizes.
  • Avoid using #FFDAB9 for critical text on the white shades due to low contrast ratios.
  • For body text, a dark grey or black on #F0FFF0 or #F8F8FF will offer the best readability.
  • Reserve the lightest shades for backgrounds or large decorative elements, not critical informational text.

Recommended combinations

Ethereal Base

Create light, airy backgrounds and subtle UI layers, with #FFC0CB providing a gentle touch of color.

#F0FFF0 · #F8F8FF · #FFC0CB

Warm Blush

Ideal for a soft, inviting look, using #F8F8FF as background, #FFB6C1 for main content, and #FFDAB9 for warm accents.

#F8F8FF · #FFB6C1 · #FFDAB9

Subtle Harmony

Excellent for creating gentle visual interest in illustrations or complex UI components, blending soft pinks and apricot.

#FFC0CB · #FFB6C1 · #FFDAB9

CSS variables

:root {
  --cherry-blossom-cloud-1: #FFB6C1;
  --cherry-blossom-cloud-2: #FFC0CB;
  --cherry-blossom-cloud-3: #FFDAB9;
  --cherry-blossom-cloud-4: #F0FFF0;
  --cherry-blossom-cloud-5: #F8F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-cloud": {
        1: "#FFB6C1",
        2: "#FFC0CB",
        3: "#FFDAB9",
        4: "#F0FFF0",
        5: "#F8F8FF",
      }
    }
  }
}

Related searches

airy pastel palettesoft pink and white colorsminimalist spring schemeblush and cream tonesdelicate floral design

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FFC0CB
·
Color 3#FFDAB9
·
Color 4#F0FFF0
·
Color 5#F8F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.6:1Fail
1.6:1Fail
2
1.1:1Fail
1.2:1Fail
1.5:1Fail
1.5:1Fail
3
1.3:1Fail
1.2:1Fail
1.3:1Fail
1.2:1Fail
4
1.6:1Fail
1.5:1Fail
1.3:1Fail
1:1Fail
5
1.6:1Fail
1.5:1Fail
1.2:1Fail
1:1Fail

Similar palettes

More like Cherry Blossom Cloud

View all pastel
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Blush
Cherry Blossom Dawn
Cherry Blossom Grace
Cherry Blossom Lane