Back to palettes

Palette

Cherry Blossom Blush

Delicate shades of pink and white, reminiscent of cherry petals gently falling in springtime.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB6C1#FFDAB9#FDFDFD#D3D3D3#D8BFD8

Palette guide

How to use Cherry Blossom Blush

Overview

The Cherry Blossom Blush palette (version 2) features delicate shades of pink and white, reminiscent of cherry petals gently falling in springtime. This collection includes soft #FFB6C1 (LightPink) and #FFDAB9 (Peach Puff), complemented by crisp #FDFDFD and subtle greys like #D3D3D3 and #D8BFD8 (Thistle). For designers and developers, this palette offers a serene and elegant aesthetic, perfect for projects that aim to evoke tranquility, natural beauty, and a sense of fresh beginnings. Its harmonious blend of pastels and soft neutrals provides versatility for creating inviting branding, calm interfaces, or soft digital experiences that resonate with grace and delicate charm.

Best used for

  • Spa and beauty product branding
  • Bridal and wedding-related design
  • Spring seasonal marketing campaigns
  • Baby and children's product branding
  • Minimalist art and photography portfolios
  • Soft, inviting e-commerce platforms

Suggested color roles

primary

Utilize #FFB6C1 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, muted accent.

accent

Apply #FFDAB9 for delicate interactive states, subtle highlights, or to add a touch of warm blush.

background

Choose #FDFDFD or #D3D3D3 for clean, airy, and inviting backgrounds.

text

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

Accessibility notes

  • Ensure a dark charcoal text color on #FDFDFD or #D3D3D3 backgrounds meets WCAG contrast standards for body text.
  • Avoid using #FFDAB9 text on #FFB6C1 backgrounds for small text, as contrast will be insufficient.
  • Use #D8BFD8 for headings against very light backgrounds, ensuring sufficient contrast with a dark text color.
  • Test interactive elements with #FFDAB9 against adjacent lighter tones to ensure sufficient visual distinction.

Recommended combinations

Spring Blush

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

#FFB6C1 · #FDFDFD · #D3D3D3

Petal Layers

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

#FFDAB9 · #D3D3D3 · #D8BFD8

Clean Elegance

Use #FFB6C1 for soft visual elements on a #FDFDFD canvas, with #D8BFD8 for delicate details or subtle borders.

#FDFDFD · #FFB6C1 · #D8BFD8

CSS variables

:root {
  --cherry-blossom-blush-2-1: #FFB6C1;
  --cherry-blossom-blush-2-2: #FFDAB9;
  --cherry-blossom-blush-2-3: #FDFDFD;
  --cherry-blossom-blush-2-4: #D3D3D3;
  --cherry-blossom-blush-2-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-blush-2": {
        1: "#FFB6C1",
        2: "#FFDAB9",
        3: "#FDFDFD",
        4: "#D3D3D3",
        5: "#D8BFD8",
      }
    }
  }
}

Related searches

cherry blossom white pinkspring pastel palettesoft blush color schemegentle floral UIminimalist wedding colors

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FFDAB9
·
Color 3#FDFDFD
·
Color 4#D3D3D3
·
Color 5#D8BFD8
·

Accessibility

Contrast checker

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

Similar palettes

More like Cherry Blossom Blush

View all pastel
Sweet Peony Whisper
Blushing Petal Softness
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Cloud
Cherry Blossom Grace