Back to palettes

Palette

Spring Cherry Pastel

Delicate shades of pink and creamy white reflect the fleeting beauty of cherry blossoms under a soft 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 Pastel 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 Pastel.

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

Data visualization

#FDDCE0#FBEFF2#F7DFE6#E2CAD0#F8BBD0

Palette guide

How to use Spring Cherry Pastel

Overview

The Spring Cherry Pastel palette delivers a beautiful range of soft pinks and creamy whites, perfectly encapsulating the delicate, fleeting beauty of cherry blossoms under a gentle spring sky. With hues like the warm #FDDCE0, the airy #FBEFF2, the slightly rosier #F7DFE6, and the deeper #E2CAD0, accented by the vibrant #F8BBD0, this palette offers designers a versatile foundation for creating serene and elegant visuals. It's particularly effective for projects requiring a touch of romance, softness, or a sophisticated feminine appeal, ensuring a calm and inviting user experience across various applications.

Best used for

  • Wedding photography presets and album design
  • Feminine lifestyle blog or e-commerce sites
  • Elegant packaging for luxury goods
  • Spring fashion editorial layouts
  • Baby and children's product branding
  • Soft and inviting UI/UX designs

Suggested color roles

primary

Use #F8BBD0 as a gentle yet distinct primary accent for call-to-action buttons or significant headlines, drawing attention softly.

secondary

Employ #FDDCE0 for larger content areas, offering a warm and inviting base that feels comfortable and light.

accent

Introduce #E2CAD0 for subtle details, dividers, or secondary icons, providing a touch of muted contrast and refinement.

background

Utilize #FBEFF2 or #F7DFE6 for clean, airy backgrounds that maximize readability and maintain a luminous feel.

text

For body text, a dark charcoal or deep brown complements these pastels beautifully. Black or a dark grey like #333333 is recommended for headings.

Accessibility notes

  • Ensure text on lighter backgrounds like #FBEFF2 has sufficient contrast, preferably using dark text (black or dark gray).
  • Avoid placing light-colored icons or small elements on similar light pastel backgrounds to prevent readability issues.
  • Check color contrasts for interactive elements like buttons and links to meet WCAG AA standards.
  • Consider larger font sizes or bolding for critical information when using these subtle color combinations.

Recommended combinations

Blossom Fresh

A bright and inviting combination, ideal for clean website layouts or product showcases.

#FBEFF2 · #FDDCE0 · #F8BBD0

Muted Rose

Creates a slightly deeper, more sophisticated feel, suitable for branding or elegant print materials.

#F7DFE6 · #E2CAD0 · #F8BBD0

Creamy Pink

Offers a soft, harmonious blend perfect for backgrounds and subtle graphic elements.

#FDDCE0 · #FBEFF2 · #E2CAD0

CSS variables

:root {
  --spring-cherry-pastel-1: #FDDCE0;
  --spring-cherry-pastel-2: #FBEFF2;
  --spring-cherry-pastel-3: #F7DFE6;
  --spring-cherry-pastel-4: #E2CAD0;
  --spring-cherry-pastel-5: #F8BBD0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-cherry-pastel": {
        1: "#FDDCE0",
        2: "#FBEFF2",
        3: "#F7DFE6",
        4: "#E2CAD0",
        5: "#F8BBD0",
      }
    }
  }
}

Related searches

soft pink white palettecherry blossom color ideaspastel spring designgentle floral color schemeromantic light pinks

Palette colors

Hex values

Color 1#FDDCE0
·
Color 2#FBEFF2
·
Color 3#F7DFE6
·
Color 4#E2CAD0
·
Color 5#F8BBD0
·

Accessibility

Contrast checker

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

Similar palettes

More like Spring Cherry Pastel

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