Back to palettes

Palette

Cherry Blossom Bloom

Delicate and ephemeral shades of spring's iconic blossoms, evoking peace and renewal.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB6C1#F7D5D4#FAEBD7#C2B280#FFF5EE

Palette guide

How to use Cherry Blossom Bloom

Overview

The Cherry Blossom Bloom palette (version 2) offers delicate and ephemeral shades of spring's iconic blossoms, evoking peace and renewal. This collection features soft pinks #FFB6C1 (LightPink) and #F7D5D4, complemented by creamy neutrals like #FAEBD7 (AntiqueWhite) and #FFF5EE (Seashell), with a grounding muted gold #C2B280. For designers and developers, this palette provides a gentle and inviting aesthetic, perfect for projects that aim to evoke tranquility, natural beauty, and a sense of fresh beginnings. Its harmonious blend of pastels and warm neutrals offers versatility for creating serene branding, calm interfaces, or soft digital experiences.

Best used for

  • Wellness and mindfulness applications
  • Bridal and wedding-related design
  • Spring seasonal marketing campaigns
  • Baby and children's product branding
  • Nature-inspired art and photography
  • 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 #C2B280 for secondary navigation, prominent content blocks, or as a grounding, warm accent.

accent

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

background

Choose #FFF5EE or #FAEBD7 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 #FFF5EE or #FAEBD7 backgrounds meets WCAG contrast standards for body text.
  • Avoid using #F7D5D4 text on #FFB6C1 backgrounds for small text, as contrast will be insufficient.
  • Use #C2B280 for headings against very light backgrounds, ensuring sufficient contrast with the background color.
  • Test interactive elements with #F7D5D4 against adjacent lighter tones to ensure sufficient visual distinction.

Recommended combinations

Gentle Renewal

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

#FFB6C1 · #FFF5EE · #C2B280

Creamy Petals

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

#F7D5D4 · #FAEBD7 · #FFF5EE

Blossom Grounded

Use #FFB6C1 for soft visual elements on a #FFF5EE canvas, with #C2B280 for grounding details or subtle borders.

#FFF5EE · #FFB6C1 · #C2B280

CSS variables

:root {
  --cherry-blossom-bloom-2-1: #FFB6C1;
  --cherry-blossom-bloom-2-2: #F7D5D4;
  --cherry-blossom-bloom-2-3: #FAEBD7;
  --cherry-blossom-bloom-2-4: #C2B280;
  --cherry-blossom-bloom-2-5: #FFF5EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-bloom-2": {
        1: "#FFB6C1",
        2: "#F7D5D4",
        3: "#FAEBD7",
        4: "#C2B280",
        5: "#FFF5EE",
      }
    }
  }
}

Related searches

cherry blossom pastelspring renewal palettesoft pink cream colorsgentle nature UIcalm floral branding

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#F7D5D4
·
Color 3#FAEBD7
·
Color 4#C2B280
·
Color 5#FFF5EE
·

Accessibility

Contrast checker

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

Similar palettes

More like Cherry Blossom Bloom

View all pastel
Spring Bloom Kiss
Cherry Blossom Breeze
Cherry Blossom Cloud
Cherry Blossom Waltz
Gentle Blossom Whisper
Morning Petal Flush