Back to palettes

Palette

Cherry Blossom Haze

A delicate blend capturing the ephemeral beauty of cherry blossoms under a soft, hazy spring sky.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFDAB9#FFB6C1#ADD8E6#F8F8FF#E6E6FA

Palette guide

How to use Cherry Blossom Haze

Overview

The Cherry Blossom Haze palette offers a delicate blend, capturing the ephemeral beauty of cherry blossoms under a soft, hazy spring sky. Featuring the warm #FFDAB9, classic #FFB6C1, and complemented by cool tones like #ADD8E6, #F8F8FF, and #E6E6FA, this palette radiates a serene and sophisticated calm. It's an excellent choice for designers aiming for a minimalist, ethereal, and inviting aesthetic. Ideal for subtle branding, wedding themes, or digital interfaces where a light, serene, and sophisticated touch is paramount, ensuring a comforting user experience.

Best used for

  • Ethereal wedding branding
  • Spa and wellness website design
  • Baby care product packaging
  • Clean, minimalist UI designs
  • Soft digital art and illustrations
  • Romantic lifestyle blogs

Suggested color roles

primary

#FFB6C1 - A soft, classic pink, ideal for main branding elements, large headers, or primary UI components to establish a gentle tone.

secondary

#ADD8E6 - A light, cool blue that offers a refreshing contrast, perfect for subheadings, secondary buttons, or accentuating graphics.

accent

#FFDAB9 - A warm, apricot-toned pink that adds a unique accent, great for subtle highlights, interactive elements, or decorative details.

background

#F8F8FF - An airy, almost pure white with a hint of blue, providing a clean, fresh canvas that enhances readability and lightness.

text

A deep charcoal grey provides excellent readability against the very light backgrounds, maintaining the ethereal aesthetic without harshness.

Accessibility notes

  • Ensure sufficient contrast when using #FFB6C1 or #ADD8E6 for text on #F8F8FF or #E6E6FA; consider larger font sizes.
  • Avoid using #FFDAB9 for critical text on the white/blue shades due to low contrast ratios.
  • For body text, a dark grey or black on #F8F8FF or #E6E6FA will offer the best readability.
  • Reserve the lightest shades for backgrounds or large decorative elements, not critical informational text.

Recommended combinations

Hazy Sky

Create light, airy backgrounds and subtle UI layers, with #ADD8E6 providing a gentle touch of cool color.

#F8F8FF · #E6E6FA · #ADD8E6

Blossom Glow

Ideal for a soft, inviting look, using #F8F8FF as background, #FFB6C1 for main content, and #FFDAB9 for warm accents.

#F8F8FF · #FFB6C1 · #FFDAB9

Cool Contrast

Excellent for creating visual interest in illustrations or complex UI components, blending warm pinks with cool blues.

#FFB6C1 · #ADD8E6 · #F8F8FF

CSS variables

:root {
  --cherry-blossom-haze-1: #FFDAB9;
  --cherry-blossom-haze-2: #FFB6C1;
  --cherry-blossom-haze-3: #ADD8E6;
  --cherry-blossom-haze-4: #F8F8FF;
  --cherry-blossom-haze-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-haze": {
        1: "#FFDAB9",
        2: "#FFB6C1",
        3: "#ADD8E6",
        4: "#F8F8FF",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

pink and blue pastel palettehazy spring colorsdelicate floral schemeblush and sky blue designethereal cherry blossom

Palette colors

Hex values

Color 1#FFDAB9
·
Color 2#FFB6C1
·
Color 3#ADD8E6
·
Color 4#F8F8FF
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

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

Similar palettes

More like Cherry Blossom Haze

View all pastel
Sakura Bloom Dream
Sakura Bloom Haze
Blushing Petal Softness
Cherry Bloom Whisper
Cherry Blossom Blush
Cherry Blossom Cloud