Palette

Spring Cherry Blossom

Delicate pinks, creams, and soft blues, capturing the ephemeral beauty of cherry blossoms under a spring sky.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#F5F5DC#F0F8FF#E6E6FA#D8BFD8

Palette guide

How to use Spring Cherry Blossom

Overview

The Spring Cherry Blossom palette beautifully captures the ephemeral beauty of cherry blossoms under a soft spring sky. It features delicate pinks like #FFC0CB (Pink), warm creams like #F5F5DC (Beige), and serene soft blues such as #F0F8FF (Alice Blue) and #E6E6FA (Lavender Blush), complemented by a subtle lilac #D8BFD8. Designers and developers can leverage these harmonious hues to create elegant, romantic, and dreamy digital experiences or product designs. This palette is ideal for projects that aim to evoke tenderness, tranquility, and the gentle beauty of a fleeting spring moment.

Best used for

Wedding themes and bridal branding
Baby shower invitations and decor
Romantic brands and lifestyle blogs
Elegant stationery and print design
Serene digital interfaces and apps
Feminine fashion and beauty product packaging

Suggested color roles

primary

Utilize #FFC0CB (Pink) as the core color for a classic, sweet, and gentle blossom feel.

secondary

Apply #D8BFD8 (Light Lilac) for supporting elements, adding sophistication and softness.

accent

Introduce #F0F8FF (Alice Blue) for subtle highlights or airy accents, providing a refreshing contrast.

background

Choose #F5F5DC (Beige) or #F0F8FF (Alice Blue) for warm, clean backgrounds that enhance the palette's delicate nature.

text

Pair with a deep plum, dark charcoal, or dark brown for all text to ensure optimal readability against the light pastels.

Accessibility notes

Ensure very dark text is used on the lightest backgrounds like #F5F5DC and #F0F8FF for clear readability.
Avoid using light-colored text on #D8BFD8 or #E6E6FA, as contrast will likely be insufficient.
For critical information, text should be black or a very dark neutral to meet WCAG standards.
Always verify color combinations with accessibility tools to confirm adequate contrast for all users.

Recommended combinations

Cool Air

Creates a cool, airy neutral base, perfect for minimalist backgrounds or subtle design elements.

#F5F5DC · #F0F8FF · #E6E6FA

Blossom Harmony

Combines pink, lilac, and cream for a harmonious and elegant feel in branding or illustrations.

#FFC0CB · #D8BFD8 · #F5F5DC

Sky & Blossom

Offers a soft sky and blossom theme, excellent for headers, banners, or romantic web layouts.

#F0F8FF · #FFC0CB · #E6E6FA

CSS variables

:root {
  --spring-cherry-blossom-1: #FFC0CB;
  --spring-cherry-blossom-2: #F5F5DC;
  --spring-cherry-blossom-3: #F0F8FF;
  --spring-cherry-blossom-4: #E6E6FA;
  --spring-cherry-blossom-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-cherry-blossom": {
        1: "#FFC0CB",
        2: "#F5F5DC",
        3: "#F0F8FF",
        4: "#E6E6FA",
        5: "#D8BFD8",
      }
    }
  }
}

Hex values

Color 1#FFC0CB

Color 2#F5F5DC

Color 3#F0F8FF

Color 4#E6E6FA

Color 5#D8BFD8

Accessibility

Contrast checker

1.4:1Fail

1.2:1Fail

1.1:1Fail

1.4:1Fail

1:1Fail

1.1:1Fail

1.5:1Fail

1.4:1Fail

1:1Fail

1.1:1Fail

1.6:1Fail

1.2:1Fail

1.1:1Fail

1.4:1Fail

1.1:1Fail

1.5:1Fail

1.6:1Fail

1.4:1Fail

Similar palettes

More like Spring Cherry Blossom

Spring Cherry Blossom

See it in context.

Ready when you are.

Built with Spring Cherry Blossom.

How to use Spring Cherry Blossom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Cool Air

Blossom Harmony

Sky & Blossom

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Spring Cherry Blossom