Back to palettes

Palette

Cherry Blossom Mist

Delicates pinks reminiscent of cherry blossoms veiled in a soft morning mist, ephemeral and beautiful.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F9DCE6#F2BED8#E8A7C7#DC8BB6#D06EA5

Palette guide

How to use Cherry Blossom Mist

Overview

The Cherry Blossom Mist palette features delicate pinks reminiscent of blossoms veiled in a soft morning mist, ephemeral and beautiful. Ranging from the light #F9DCE6 to the deeper #D06EA5, and including #F2BED8, #E8A7C7, and #DC8BB6, this palette offers a sophisticated gradient of muted rose tones. It's an excellent choice for designers seeking to evoke calm, elegance, and a touch of mystery. Ideal for refined branding, digital art, or user interfaces where a soft, inviting, and graceful aesthetic is desired, ensuring a comforting user experience across diverse design elements.

Best used for

  • Luxury wedding designs
  • High-end cosmetic branding
  • Elegant fashion editorial
  • Spa and wellness website design
  • Delicate digital illustrations
  • Sophisticated feminine blogs

Suggested color roles

primary

#E8A7C7 - A balanced mid-pink, excellent for primary branding elements, headers, or main content blocks, offering soft prominence.

secondary

#F2BED8 - A lighter, supportive pink ideal for subheadings, background textures, or secondary UI elements to maintain softness.

accent

#D06EA5 - The deepest, most vibrant pink in the palette, perfect for calls-to-action, important icons, or impactful decorative details.

background

#F9DCE6 - The lightest, almost white pink, providing an airy, clean canvas that allows other colors to softly emerge.

text

A deep, rich charcoal grey ensures optimal readability and a sophisticated contrast against the delicate pinks, avoiding harshness.

Accessibility notes

  • Ensure sufficient contrast for text when using #D06EA5 or #DC8BB6 on very light backgrounds like #F9DCE6.
  • Avoid using #F2BED8 or #F9DCE6 for small text on near-white backgrounds due to low contrast.
  • For body text, a dark grey or black on #F9DCE6 or #F2BED8 will offer the best readability.
  • Reserve the lightest shades for backgrounds or large decorative elements, not critical informational text.

Recommended combinations

Misty Layers

Ideal for subtle background gradients or layered graphic elements, creating a gentle, flowing visual effect.

#F9DCE6 · #F2BED8 · #E8A7C7

Elegant Contrast

Use #F9DCE6 as a clean background, #E8A7C7 for main content, and #D06EA5 for impactful calls-to-action or highlights.

#F9DCE6 · #E8A7C7 · #D06EA5

Blossom Depth

Excellent for creating visual depth in illustrations or complex UI components, progressing from soft to deep pink.

#F2BED8 · #DC8BB6 · #D06EA5

CSS variables

:root {
  --cherry-blossom-mist-1: #F9DCE6;
  --cherry-blossom-mist-2: #F2BED8;
  --cherry-blossom-mist-3: #E8A7C7;
  --cherry-blossom-mist-4: #DC8BB6;
  --cherry-blossom-mist-5: #D06EA5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-mist": {
        1: "#F9DCE6",
        2: "#F2BED8",
        3: "#E8A7C7",
        4: "#DC8BB6",
        5: "#D06EA5",
      }
    }
  }
}

Related searches

muted pink color schemeelegant rose paletteromantic misty colorssophisticated blush tonessakura mist design

Palette colors

Hex values

Color 1#F9DCE6
·
Color 2#F2BED8
·
Color 3#E8A7C7
·
Color 4#DC8BB6
·
Color 5#D06EA5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2:1Fail
2.5:1Fail
2
1.2:1Fail
1.2:1Fail
1.6:1Fail
2:1Fail
3
1.5:1Fail
1.2:1Fail
1.3:1Fail
1.7:1Fail
4
2:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.5:1Fail
2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Cherry Blossom Mist

View all pastel
Sakura Blossom Dawn
Sakura Petal Whisper
Sakura Pink Dew
Cherry Bloom Serenity
Cherry Bloom Whisper
Cherry Blossom Bloom