Back to palettes

Palette

Cherry Blossom Breeze

Soft and delicate pinks with a hint of white, inspired by the ethereal beauty 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 Breeze 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 Breeze.

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

Data visualization

#E6B5BF#F0D0D5#FAEBEB#C78B96#D4A3A9

Palette guide

How to use Cherry Blossom Breeze

Overview

The Cherry Blossom Breeze palette offers a serene and delicate array of pastel pinks, evoking the gentle essence of spring. This collection, featuring soft hues like #E6B5BF, the lighter #F0D0D5, and the almost white #FAEBEB, is ideal for creating designs that exude tranquility and subtle elegance. Designers can leverage the deeper tones of #C78B96 and #D4A3A9 to add depth without losing the overall airy feel. Its harmonious blend makes it perfect for branding, UI elements, or digital illustrations where a soft, inviting aesthetic is desired, ensuring a comforting user experience.

Best used for

  • Feminine product branding and packaging
  • Wedding invitations and event decor
  • Spa and wellness website design
  • Baby shower themes and nursery decor
  • Delicate fashion and beauty editorials
  • Romantic digital illustrations

Suggested color roles

primary

#E6B5BF - A versatile, soft pink ideal for large background areas or primary branding elements, offering a calming and inviting base.

secondary

#D4A3A9 - Use this slightly richer pink for supporting sections, call-to-action buttons, or subtle graphical accents to provide gentle contrast.

accent

#C78B96 - A deeper rose tone perfect for highlighting important details, interactive states, or decorative flourishes where a touch more vibrancy is needed.

background

#FAEBEB - This very light, almost white pink provides an airy, clean canvas, ensuring content remains legible and the overall design feels open.

text

A soft charcoal grey offers good readability against the lighter palette colors, maintaining the gentle aesthetic better than stark black.

Accessibility notes

  • Ensure sufficient contrast (AA or AAA) when pairing darker shades like #C78B96 with lighter backgrounds like #FAEBEB for body text.
  • Avoid using #F0D0D5 for small text on #FAEBEB; their low contrast ratio can hinder readability.
  • Reserve the lightest colors, #F0D0D5 and #FAEBEB, primarily for backgrounds or large decorative elements, not critical information.
  • Consider pairing text with #E6B5BF or #D4A3A9 with a dark grey or black for better accessibility, especially for longer paragraphs.

Recommended combinations

Soft Gradient

Ideal for subtle background gradients, UI containers, or layered elements needing a gentle transition.

#FAEBEB · #F0D0D5 · #E6B5BF

Elegant Contrast

Pair #FAEBEB as background with #E6B5BF for primary content and #C78B96 for accents, ensuring readability.

#FAEBEB · #E6B5BF · #C78B96

Blossom Depth

Use these three for a monochromatic layered effect, adding depth to illustrations or complex UI components.

#E6B5BF · #D4A3A9 · #C78B96

CSS variables

:root {
  --cherry-blossom-breeze-2-1: #E6B5BF;
  --cherry-blossom-breeze-2-2: #F0D0D5;
  --cherry-blossom-breeze-2-3: #FAEBEB;
  --cherry-blossom-breeze-2-4: #C78B96;
  --cherry-blossom-breeze-2-5: #D4A3A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-breeze-2": {
        1: "#E6B5BF",
        2: "#F0D0D5",
        3: "#FAEBEB",
        4: "#C78B96",
        5: "#D4A3A9",
      }
    }
  }
}

Related searches

pastel pink color schemedelicate floral paletteromantic spring colorsgentle blush tones designsoft feminine branding

Palette colors

Hex values

Color 1#E6B5BF
·
Color 2#F0D0D5
·
Color 3#FAEBEB
·
Color 4#C78B96
·
Color 5#D4A3A9
·

Accessibility

Contrast checker

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

Similar palettes

More like Cherry Blossom Breeze

View all pastel
Cherry Blossom Breeze
Cherry Blossom Cloud
Cherry Blossom Whispers
Morning Petal Flush
Orchid Petal Softness
Sakura Blossom Dawn