Back to palettes

Palette

Sakura Petal Breeze

Soft, ethereal pinks and whites that capture the fleeting beauty of cherry blossoms dancing in a gentle breeze.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sakura Petal Breeze 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 Petal Breeze.

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

Data visualization

#F9EBE0#FCDAE3#F6B8C6#D8A7BF#B09DAD

Palette guide

How to use Sakura Petal Breeze

Overview

The Sakura Petal Breeze palette (ID: sakura-petal-breeze-5) captures the ethereal beauty of cherry blossoms dancing in a gentle breeze, offering a soft blend of warm neutrals and delicate pinks. It includes a creamy #F9EBE0, a light #FCDAE3, a muted #F6B8C6, and sophisticated deeper tones like #D8A7BF and #B09DAD. This unique combination of soft, almost-white shades with subtle pinks and a grounding taupe creates a truly serene and elegant aesthetic. It's genuinely useful for designs that require a refined, understated, and naturally harmonious feel, evoking a sense of calm and gentle sophistication.

Best used for

  • Minimalist and elegant branding
  • High-end wedding stationery
  • Luxury home decor and textiles
  • Sophisticated fashion editorials
  • Calm and subtle digital interfaces
  • Artistic photography backdrops

Suggested color roles

primary

#F6B8C6 (Soft Rose) serves as a delicate primary color, offering a gentle yet clear presence.

secondary

#D8A7BF (Muted Plum) provides a sophisticated secondary, ideal for important headings or sub-sections.

accent

#B09DAD (Warm Taupe) acts as a grounding accent, perfect for adding depth to interactive elements or borders.

background

#F9EBE0 (Creamy White) offers an incredibly soft, warm neutral base, creating an airy and clean canvas.

text

For optimal readability, use a dark brown or charcoal (e.g., #4A4A4A) for body text on the lighter backgrounds. For headings, #D8A7BF or #B09DAD provides excellent contrast and a refined feel on #F9EBE0.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter shades like #F9EBE0 or #FCDAE3 as backgrounds.
  • The darkest shades, #D8A7BF and #B09DAD, should be used for critical text on the lightest backgrounds to meet WCAG AA standards.
  • Avoid low-contrast pairings for interactive elements; ensure clickable areas have clear visual distinction.
  • Consider larger font sizes for text used with the lighter pinks to aid readability for all users.

Recommended combinations

Ethereal Bloom

Creates soft, luminous backgrounds or subtle, layered effects in digital designs and prints, emphasizing lightness.

#F9EBE0 · #FCDAE3 · #F6B8C6

Refined Harmony

Ideal for showing progression, creating sophisticated gradients, or adding visual weight to illustrations and iconography.

#F6B8C6 · #D8A7BF · #B09DAD

Gentle Contrast

Use for a clean layout where the deepest colors provide definition against the light background, for headings or call-to-action buttons.

#F9EBE0 · #B09DAD · #D8A7BF

CSS variables

:root {
  --sakura-petal-breeze-5-1: #F9EBE0;
  --sakura-petal-breeze-5-2: #FCDAE3;
  --sakura-petal-breeze-5-3: #F6B8C6;
  --sakura-petal-breeze-5-4: #D8A7BF;
  --sakura-petal-breeze-5-5: #B09DAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-petal-breeze-5": {
        1: "#F9EBE0",
        2: "#FCDAE3",
        3: "#F6B8C6",
        4: "#D8A7BF",
        5: "#B09DAD",
      }
    }
  }
}

Related searches

soft pink taupe paletteethereal cherry blossom colorsminimalist elegant design schemecalm natural web colorssophisticated blush aesthetic

Palette colors

Hex values

Color 1#F9EBE0
·
Color 2#FCDAE3
·
Color 3#F6B8C6
·
Color 4#D8A7BF
·
Color 5#B09DAD
·

Accessibility

Contrast checker

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

Similar palettes

More like Sakura Petal Breeze

View all pastel
Cherry Blossom Cloud
Sakura Bloom
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Breeze
Cherry Blossom Grace