Back to palettes

Palette

Spring Cherry Blush

Soft and sweet pinks reminiscent of cherry blossoms blooming in the gentle light of spring.

Pastelcalm5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#F8BBD0#E91E63#FF80AB#FCE4EC

Palette guide

How to use Spring Cherry Blush

Overview

The Spring Cherry Blush palette is a soft and sweet collection of pinks, reminiscent of cherry blossoms blooming in the gentle light of spring. Featuring a range from the delicate #FCE4EC to the iconic #FFC0CB, and vibrant accents like #FF80AB and the striking #E91E63, alongside #F8BBD0, this palette offers both tenderness and lively charm. Designers and developers can leverage these inviting hues to create youthful, romantic, and energetic digital experiences or product designs. It's an ideal choice for projects that aim to convey joy, sweetness, and a vibrant feminine aesthetic.

Best used for

  • Youthful fashion and apparel branding
  • Beauty and cosmetic product lines
  • Vibrant confectionery packaging
  • Romantic digital art and illustrations
  • Lively event invitations and decor
  • Feminine social media graphics and campaigns

Suggested color roles

primary

Utilize #FF80AB (Medium Vibrant Pink) as the central color for a lively, inviting, and prominent presence.

secondary

Apply #F8BBD0 (Softer Pink) for supporting elements, adding gentle depth and a complementary layer.

accent

Introduce #E91E63 (Deep Fuchsia) for high-impact accents or calls-to-action, providing a strong, energetic focal point.

background

Choose #FCE4EC (Very Pale Pink) or #FFC0CB (Pink) for soft, ethereal backgrounds that allow other colors to pop.

text

Pair with a deep fuchsia, dark charcoal, or dark plum for all text to ensure optimal readability, especially on lighter shades.

Accessibility notes

  • For readability, ensure very dark text is used on the lightest shades like #FCE4EC and #FFC0CB.
  • The darkest shade, #E91E63, offers strong contrast and can support white text for larger headings, but verify ratios.
  • Avoid using light text on mid-tone colors like #F8BBD0 or #FF80AB without thorough contrast checks.
  • Always test color combinations with accessibility tools to meet WCAG standards for interactive elements.

Recommended combinations

Soft Blush

Creates a soft, subtle pink gradient, ideal for delicate backgrounds or gentle UI elements.

#FCE4EC · #F8BBD0 · #FFC0CB

Vibrant Blossom

Excellent for conveying depth and intensity, perfect for impactful branding or visual hierarchy.

#FFC0CB · #FF80AB · #E91E63

Accented Charm

Provides a striking contrast between a very light background and deep, vibrant accents, drawing immediate attention.

#FCE4EC · #E91E63 · #FF80AB

CSS variables

:root {
  --spring-cherry-blush-2-1: #FFC0CB;
  --spring-cherry-blush-2-2: #F8BBD0;
  --spring-cherry-blush-2-3: #E91E63;
  --spring-cherry-blush-2-4: #FF80AB;
  --spring-cherry-blush-2-5: #FCE4EC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-cherry-blush-2": {
        1: "#FFC0CB",
        2: "#F8BBD0",
        3: "#E91E63",
        4: "#FF80AB",
        5: "#FCE4EC",
      }
    }
  }
}

Related searches

cherry blush pinksvibrant spring paletteromantic fuchsia colorsdelicate pink and rosesweet blossom scheme

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#F8BBD0
·
Color 3#E91E63
·
Color 4#FF80AB
·
Color 5#FCE4EC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
2.8:1Fail
1.5:1Fail
1.3:1Fail
2
1:1Fail
2.7:1Fail
1.5:1Fail
1.3:1Fail
3
2.8:1Fail
2.7:1Fail
1.8:1Fail
3.6:1AA18
4
1.5:1Fail
1.5:1Fail
1.8:1Fail
2:1Fail
5
1.3:1Fail
1.3:1Fail
3.6:1AA18
2:1Fail

Similar palettes

More like Spring Cherry Blush

View all Pastel