Back to palettes

Palette

Cherry Bloom Whisper

Delicate and airy, like the fleeting beauty of cherry blossoms gently swaying 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 Bloom Whisper 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 Bloom Whisper.

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

Data visualization

#FFC0CB#F7D7DF#E6E6FA#D8BFD8#F0FFF0

Palette guide

How to use Cherry Bloom Whisper

Overview

The Cherry Bloom Whisper palette (version 2) is delicate and airy, like the fleeting beauty of cherry blossoms gently swaying in the spring breeze. This collection features soft pinks #FFC0CB (Pink) and #F7D7DF, complemented by soothing lavenders and near-whites: #E6E6FA (Lavender) and #D8BFD8 (Thistle), and a crisp #F0FFF0 (Honeydew). For designers and developers, this palette offers a tranquil and ethereal aesthetic, perfect for projects that aim to evoke serenity, gentleness, and natural elegance. Its harmonious blend of pastel hues provides versatility for creating inviting branding, calm interfaces, or soft digital experiences that resonate with a sense of peace and delicate charm.

Best used for

  • Wellness and meditation apps
  • Baby product branding and websites
  • Spring and bridal event invitations
  • Feminine blogs and lifestyle content
  • Spa or beauty salon marketing materials
  • Soft, minimalist UI designs

Suggested color roles

primary

Utilize #FFC0CB as the dominant brand color for headers, important call-to-action buttons, and key interactive elements.

secondary

Employ #D8BFD8 for secondary navigation, prominent content blocks, or as a calming accent.

accent

Apply #E6E6FA for delicate interactive states, subtle highlights, or to add a touch of serene lavender.

background

Choose #F0FFF0 or #F7D7DF for clean, airy, and inviting backgrounds.

text

For light backgrounds, use a dark charcoal or deep plum text color. For headings on #FFC0CB, a deep charcoal is recommended.

Accessibility notes

  • Ensure a dark charcoal text color on #F0FFF0 or #F7D7DF backgrounds meets WCAG contrast standards for body text.
  • Avoid using #F7D7DF text on #E6E6FA backgrounds for small text, as contrast will be insufficient.
  • Use #FFC0CB for headings against a very light background, but ensure sufficient contrast with a dark text color.
  • Test interactive elements with #E6E6FA against adjacent lighter tones to ensure sufficient visual distinction.

Recommended combinations

Soft Bloom

Ideal for main content areas: soft pink background, crisp white text, and a gentle lavender for subheadings.

#FFC0CB · #F0FFF0 · #D8BFD8

Ethereal Layers

Create subtle layered effects in UI cards, panels, or background patterns, mimicking delicate petals and sky.

#F7D7DF · #E6E6FA · #D8BFD8

Calm Interface

Use #FFC0CB for soft visual elements on a #F0FFF0 canvas, with #E6E6FA for delicate details or highlights.

#F0FFF0 · #FFC0CB · #E6E6FA

CSS variables

:root {
  --cherry-bloom-whisper-2-1: #FFC0CB;
  --cherry-bloom-whisper-2-2: #F7D7DF;
  --cherry-bloom-whisper-2-3: #E6E6FA;
  --cherry-bloom-whisper-2-4: #D8BFD8;
  --cherry-bloom-whisper-2-5: #F0FFF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-bloom-whisper-2": {
        1: "#FFC0CB",
        2: "#F7D7DF",
        3: "#E6E6FA",
        4: "#D8BFD8",
        5: "#F0FFF0",
      }
    }
  }
}

Related searches

pastel cherry bloomsoft pink lavender paletteairy spring colorsgentle UI schemeserene floral branding

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#F7D7DF
·
Color 3#E6E6FA
·
Color 4#D8BFD8
·
Color 5#F0FFF0
·

Accessibility

Contrast checker

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

Similar palettes

More like Cherry Bloom Whisper

View all pastel
Cherry Blossom Cloud
Pale Cherry Blossom
Pastel Sakura Blossom
Petal Whisper Dawn
Sakura Bloom
Sakura Bloom Haze