Back to palettes

Palette

Cherry Blossom Blush

Gentle and delicate pinks, capturing the fleeting beauty of cherry blossoms in early spring.

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

#FADADD#FFC0CB#FFB6C1#FF69B4#DEB887

Palette guide

How to use Cherry Blossom Blush

Overview

The Cherry Blossom Blush palette captures the gentle and delicate pinks of cherry blossoms in early spring. This collection features soft #FADADD and #FFC0CB (Pink), transitioning through a blush #FFB6C1 (LightPink), and deepening into a vibrant #FF69B4 (HotPink), with a grounding #DEB887 (BurlyWood) accent. For designers and developers, this palette offers a romantic yet playful aesthetic, perfect for projects that aim to evoke tenderness, natural beauty, and a sense of joy. Its harmonious blend of pinks and a warm neutral provides versatility for creating inviting branding, charming interfaces, or lively digital experiences that resonate with grace and feminine elegance.

Best used for

  • Wedding and event planning websites
  • Feminine beauty and cosmetics brands
  • Spring fashion and apparel e-commerce
  • Romantic lifestyle blogs and content
  • Floral design and gifting services
  • Baby shower invitations and party decor

Suggested color roles

primary

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

secondary

Employ #FF69B4 for secondary navigation, prominent content blocks, or as a vibrant, energetic accent.

accent

Apply #DEB887 for delicate interactive states, subtle highlights, or to add a touch of earthy warmth.

background

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

Recommended combinations

Sakura Bloom

Ideal for main content areas: soft pink background, light text, and a vibrant pink for subheadings or accents.

#FFB6C1 · #FADADD · #FF69B4

Petal & Wood

Create subtle layered effects in UI cards, panels, or background patterns, mixing delicate pinks with warm wood tones.

#FFC0CB · #DEB887 · #FFB6C1

Joyful Contrast

Use #FF69B4 for strong visual elements on a #FADADD canvas, with #DEB887 for delicate details or subtle borders.

#FADADD · #FF69B4 · #DEB887

CSS variables

:root {
  --cherry-blossom-blush-1: #FADADD;
  --cherry-blossom-blush-2: #FFC0CB;
  --cherry-blossom-blush-3: #FFB6C1;
  --cherry-blossom-blush-4: #FF69B4;
  --cherry-blossom-blush-5: #DEB887;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-blush": {
        1: "#FADADD",
        2: "#FFC0CB",
        3: "#FFB6C1",
        4: "#FF69B4",
        5: "#DEB887",
      }
    }
  }
}

Related searches

sakura pink color palettespring blossom blushsoft vibrant pink schemefeminine floral UIromantic pastel branding

Palette colors

Hex values

Color 1#FADADD
·
Color 2#FFC0CB
·
Color 3#FFB6C1
·
Color 4#FF69B4
·
Color 5#DEB887
·

Accessibility

Contrast checker

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

Similar palettes

More like Cherry Blossom Blush

View all pastel
Cherry Bloom Whisper
Cherry Blossom Blush
Cherry Blossom Cloud
Cherry Blossom Cloud
Pale Cherry Blossom
Pastel Sakura Blossom