Back to palettes

Palette

Cherry Blossom Blush

The delicate, ephemeral beauty of spring cherry blossoms, captured in a tender blush of pinks and soft whites.

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

#FFC0CB#F08080#FFF0F5#F5F5DC#ADD8E6

Palette guide

How to use Cherry Blossom Blush

Overview

The Cherry Blossom Blush palette (version 3) captures the delicate, ephemeral beauty of spring cherry blossoms, in a tender blush of pinks and soft whites. This collection features a classic #FFC0CB (Pink) and a warmer #F08080 (LightCoral), complemented by serene near-whites #FFF0F5 (LavenderBlush) and #F5F5DC (Beige), with a calming #ADD8E6 (LightBlue) accent. For designers and developers, this palette offers 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 provides 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 #FFC0CB as the dominant brand color for headers, important call-to-action buttons, and key interactive elements.

secondary

Employ #F08080 for secondary navigation, prominent content blocks, or as a warmer, inviting accent.

accent

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

background

Choose #FFF0F5 or #F5F5DC 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 #FFF0F5 or #F5F5DC backgrounds meets WCAG contrast standards for body text.
  • Avoid using #FFC0CB text on #F08080 backgrounds for small text, as contrast may be insufficient.
  • Use #ADD8E6 for headings against very light backgrounds, ensuring sufficient contrast with a dark text color.
  • Test interactive elements with #F08080 against adjacent lighter tones to ensure sufficient visual distinction.

Recommended combinations

Blossom Sky

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

#FFC0CB · #FFF0F5 · #ADD8E6

Warm Petals

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

#F08080 · #F5F5DC · #FFC0CB

Calm Elegance

Use #F08080 for soft visual elements on a #FFF0F5 canvas, with #ADD8E6 for delicate details or subtle borders.

#FFF0F5 · #F08080 · #ADD8E6

CSS variables

:root {
  --cherry-blossom-blush-3-1: #FFC0CB;
  --cherry-blossom-blush-3-2: #F08080;
  --cherry-blossom-blush-3-3: #FFF0F5;
  --cherry-blossom-blush-3-4: #F5F5DC;
  --cherry-blossom-blush-3-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-blush-3": {
        1: "#FFC0CB",
        2: "#F08080",
        3: "#FFF0F5",
        4: "#F5F5DC",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

cherry blossom soft pinkspring pastel blue palettegentle floral color schemecalm romantic UIfeminine light branding

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#F08080
·
Color 3#FFF0F5
·
Color 4#F5F5DC
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.4:1Fail
1.4:1Fail
1:1Fail
2
1.7:1Fail
2.3:1Fail
2.3:1Fail
1.7:1Fail
3
1.4:1Fail
2.3:1Fail
1:1Fail
1.4:1Fail
4
1.4:1Fail
2.3:1Fail
1:1Fail
1.4:1Fail
5
1:1Fail
1.7:1Fail
1.4:1Fail
1.4:1Fail

Similar palettes

More like Cherry Blossom Blush

View all pastel
Cherry Bloom Whisper
Cherry Blossom Cloud
Cherry Blossom Blush
Cherry Blossom Cloud
Cherry Blossom Mist
Pale Cherry Blossom