Palette

Sakura Petal Breeze

Delicately soft pinks that float like cherry blossom petals on a gentle spring wind, light and ephemeral.

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

#FDD1D9#FCC7C9#EBA8B2#D47E8E#A74E5F

Palette guide

How to use Sakura Petal Breeze

Overview

The Sakura Petal Breeze palette (ID: sakura-petal-breeze-3) captures the delicate essence of cherry blossom petals on a gentle spring wind, offering a refined gradient of soft to muted deep pinks. Ranging from the light #FDD1D9 and #FCC7C9 to the more subdued #EBA8B2, #D47E8E, and #A74E5F, this collection exudes a sense of calm and ephemeral beauty. It is genuinely useful for designs requiring sophistication and understated elegance, where a gentle touch is paramount. This palette allows for creating subtle depth and visual interest, perfect for conveying a serene and natural aesthetic without being overly bright.

Best used for

Sophisticated wedding and event branding
High-end cosmetic and skincare packaging
Art gallery or museum promotional materials
Elegantly minimalist web design
Calm and refined interior decor schemes
Luxury lifestyle blog aesthetics

Suggested color roles

primary

#EBA8B2 (Muted Rose) serves as a refined primary color, offering a sophisticated yet gentle presence.

secondary

#D47E8E (Deep Blush) provides a more grounded, elegant secondary, ideal for important headings or accents.

accent

#A74E5F (Rich Plum Pink) acts as a deep, subtle accent, perfect for adding definition to interactive elements or key visuals.

background

#FDD1D9 (Soft Cream Pink) offers an incredibly light and airy base, creating a spacious and clean canvas.

text

For optimal readability, use a dark charcoal or soft black (e.g., #333333) for body text on the lighter backgrounds. For headings, #A74E5F provides excellent contrast and a luxurious feel, especially on #FDD1D9.

Accessibility notes

Ensure sufficient contrast for text, especially when using lighter shades like #FDD1D9 or #FCC7C9 as backgrounds.
The darkest shades, #D47E8E and #A74E5F, 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

Subtle Dawn

Creates soft, ethereal backgrounds or subtle, layered effects in digital designs and prints.

#FDD1D9 · #FCC7C9 · #EBA8B2

Elegant Depth

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

#EBA8B2 · #D47E8E · #A74E5F

Refined Contrast

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

#FDD1D9 · #A74E5F · #D47E8E

CSS variables

:root {
  --sakura-petal-breeze-3-1: #FDD1D9;
  --sakura-petal-breeze-3-2: #FCC7C9;
  --sakura-petal-breeze-3-3: #EBA8B2;
  --sakura-petal-breeze-3-4: #D47E8E;
  --sakura-petal-breeze-3-5: #A74E5F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-petal-breeze-3": {
        1: "#FDD1D9",
        2: "#FCC7C9",
        3: "#EBA8B2",
        4: "#D47E8E",
        5: "#A74E5F",
      }
    }
  }
}

Hex values

Color 1#FDD1D9

Color 2#FCC7C9

Color 3#EBA8B2

Color 4#D47E8E

Color 5#A74E5F

Accessibility

Contrast checker

1.1:1Fail

1.4:1Fail

2.1:1Fail

3.9:1AA18

1.1:1Fail

1.3:1Fail

2:1Fail

3.6:1AA18

1.4:1Fail

1.3:1Fail

1.5:1Fail

2.8:1Fail

2.1:1Fail

2:1Fail

1.5:1Fail

1.8:1Fail

3.9:1AA18

3.6:1AA18

2.8:1Fail

1.8:1Fail

Similar palettes

More like Sakura Petal Breeze

View all pastel

Cherry Blossom Breeze

Morning Petal Flush

Sakura Blossom Haze

Sakura Lantern Glow

Cherry Bloom Serenity

Cherry Blossom Bloom