Back to palettes

Palette

Cherry Blossom Zen

Delicate and serene, like the fleeting beauty of cherry blossoms in a tranquil, meditative garden.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FADADD#FCE3E7#F2A2A7#E78F94#DB7A82

Palette guide

How to use Cherry Blossom Zen

Overview

The Cherry Blossom Zen palette is delicate and serene, like the fleeting beauty of cherry blossoms in a tranquil, meditative garden. Ranging from the light #FADADD to the deeper #DB7A82, and including #FCE3E7, #F2A2A7, and #E78F94, this palette provides a harmonious gradient of calming pink tones. It's an excellent choice for designers seeking to evoke peace, tranquility, and gentle sophistication. Ideal for elegant 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

  • Spa and wellness branding
  • Meditation app interfaces
  • Yoga studio marketing
  • Minimalist interior design concepts
  • Serene digital illustrations
  • Zen garden inspired decor

Suggested color roles

primary

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

secondary

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

accent

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

background

#FADADD - 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 #DB7A82 or #E78F94 on very light backgrounds like #FADADD.
  • Avoid using #FCE3E7 or #FADADD for small text on near-white backgrounds due to low contrast.
  • For body text, a dark grey or black on #FADADD or #FCE3E7 will offer the best readability.
  • Reserve the lightest shades for backgrounds or large decorative elements, not critical informational text.

Recommended combinations

Zen Layers

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

#FADADD · #FCE3E7 · #F2A2A7

Calm Contrast

Use #FADADD as a clean background, #F2A2A7 for main content, and #DB7A82 for subtle calls-to-action or highlights.

#FADADD · #F2A2A7 · #DB7A82

Blossom Serenity

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

#FCE3E7 · #E78F94 · #DB7A82

CSS variables

:root {
  --cherry-blossom-zen-1: #FADADD;
  --cherry-blossom-zen-2: #FCE3E7;
  --cherry-blossom-zen-3: #F2A2A7;
  --cherry-blossom-zen-4: #E78F94;
  --cherry-blossom-zen-5: #DB7A82;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-zen": {
        1: "#FADADD",
        2: "#FCE3E7",
        3: "#F2A2A7",
        4: "#E78F94",
        5: "#DB7A82",
      }
    }
  }
}

Related searches

calming pink color palettezen aesthetic colorstranquil floral schemesoft blush tones designoriental spring palette

Palette colors

Hex values

Color 1#FADADD
·
Color 2#FCE3E7
·
Color 3#F2A2A7
·
Color 4#E78F94
·
Color 5#DB7A82
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.5:1Fail
1.8:1Fail
2.3:1Fail
2
1.1:1Fail
1.6:1Fail
2:1Fail
2.4:1Fail
3
1.5:1Fail
1.6:1Fail
1.2:1Fail
1.5:1Fail
4
1.8:1Fail
2:1Fail
1.2:1Fail
1.2:1Fail
5
2.3:1Fail
2.4:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Cherry Blossom Zen

View all pastel
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Breeze
Cherry Blossom Cloud
Cherry Blossom Cloud
Cherry Blossom Dawn