Back to palettes

Palette

Sakura Bloom Haze

A soft, ethereal collection of pinks, reminiscent of cherry blossoms veiled in morning mist.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sakura Bloom 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 Sakura Bloom Haze.

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

Data visualization

#F2D2DE#EBC0CF#DDA4BB#C27E9F#A45C85

Palette guide

How to use Sakura Bloom Haze

Overview

The Sakura Bloom Haze palette offers a soft, ethereal collection of pinks, reminiscent of cherry blossoms veiled in morning mist. Its gentle progression from the nearly white #F2D2DE to the deeper #A45C85 creates a harmonious and calming visual experience. Key colors include the delicate #EBC0CF and #DDA4BB, which provide lovely mid-tones, while #C27E9F offers a slightly muted, sophisticated depth. This palette is exceptionally versatile for designs that aim for a serene, romantic, or sophisticated pastel aesthetic. Developers and designers will find it useful for creating user interfaces, branding, or digital art that feels tranquil and inviting, with a subtle richness.

Best used for

  • Wellness and spa brand identities
  • Soft fashion or beauty e-commerce sites
  • Minimalist wedding stationery
  • Delicate app UI themes
  • Interior design mood boards for serene spaces
  • Artistic photography portfolios

Suggested color roles

primary

#F2D2DE - A very light, almost white pink, perfect as a clean background or primary canvas, setting a tranquil and airy foundation.

secondary

#EBC0CF - A gentle, slightly more saturated pink, ideal for secondary content areas, dividers, or subtle hover states, maintaining softness.

accent

#A45C85 - The deepest, most saturated pink in the palette, excellent for impactful calls-to-action, important icons, or key highlights that need to stand out with elegance.

background

#F2D2DE - Provides an airy, nearly neutral base that allows other palette colors and content to breathe, fostering a sense of calm and space.

text

For body text, a dark charcoal or black is recommended for readability. For lighter emphasis or decorative text, a dark version of #C27E9F could provide a softer alternative.

Accessibility notes

  • Ensure high contrast when using any of the lighter pinks (#F2D2DE, #EBC0CF) for text against light backgrounds.
  • Prioritize #A45C85 or a very dark neutral for main text content to meet WCAG contrast guidelines.
  • Use #DDA4BB and #C27E9F carefully for interactive elements to ensure visibility against lighter shades.
  • Provide sufficient visual cues beyond color, especially for status or interactive states, given the palette's soft nature.

Recommended combinations

Misty Morning

Creates a soft, atmospheric feel, ideal for backgrounds, headers, or gentle informational sections in a web design.

#F2D2DE · #DDA4BB · #EBC0CF

Deep Blossom

Perfect for drawing attention to key elements, buttons, or illustrations where a touch of rich, yet muted, color is desired.

#EBC0CF · #A45C85 · #C27E9F

Subtle Gradient

Excellent for subtle gradients, overlays, or layered UI elements that require a smooth transition of soft hues.

#F2D2DE · #DDA4BB · #C27E9F

CSS variables

:root {
  --sakura-bloom-haze-1: #F2D2DE;
  --sakura-bloom-haze-2: #EBC0CF;
  --sakura-bloom-haze-3: #DDA4BB;
  --sakura-bloom-haze-4: #C27E9F;
  --sakura-bloom-haze-5: #A45C85;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-bloom-haze": {
        1: "#F2D2DE",
        2: "#EBC0CF",
        3: "#DDA4BB",
        4: "#C27E9F",
        5: "#A45C85",
      }
    }
  }
}

Related searches

misty pink color paletteethereal pastel colorscalm feminine brand palettecherry blossom haze aestheticsoft romantic web colors

Palette colors

Hex values

Color 1#F2D2DE
·
Color 2#EBC0CF
·
Color 3#DDA4BB
·
Color 4#C27E9F
·
Color 5#A45C85
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2.2:1Fail
3.4:1AA18
2
1.2:1Fail
1.3:1Fail
1.9:1Fail
2.9:1Fail
3
1.5:1Fail
1.3:1Fail
1.5:1Fail
2.3:1Fail
4
2.2:1Fail
1.9:1Fail
1.5:1Fail
1.5:1Fail
5
3.4:1AA18
2.9:1Fail
2.3:1Fail
1.5:1Fail

Similar palettes

More like Sakura Bloom Haze

View all pastel
Cherry Blossom Cloud
Cherry Blossom Cloud
Cherry Blossom Haze
Cherry Blossom Whispers
Sakura Bloom
Sakura Bloom Grace