Back to palettes

Palette

Sakura Petal Breeze

Inspired by delicate cherry blossoms drifting on a soft breeze, evoking ephemeral beauty and tranquility.

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

#FFC0CB#FFB6C1#FDDCE1#E0BBE4#97CAF2

Palette guide

How to use Sakura Petal Breeze

Overview

The Sakura Petal Breeze palette (ID: sakura-petal-breeze-4) is a uniquely tranquil blend of soft pinks, a delicate cream, and serene blues, evoking the ephemeral beauty of cherry blossoms drifting on a gentle breeze. Featuring classic sakura pinks like #FFC0CB and #FFB6C1, alongside a creamy #FDDCE1, this palette introduces unexpected cool tones with #E0BBE4 (soft lavender) and #97CAF2 (sky blue). This harmonious combination is genuinely useful for designs seeking a fresh, airy, and calming aesthetic with a hint of dreamy sophistication. It's perfect for conveying tranquility and natural beauty with a unique, gentle twist.

Best used for

  • Dreamy wedding and baby shower themes
  • Spa and relaxation product branding
  • Cloud-themed or ethereal digital art
  • Gentle children's book illustrations
  • Serene interior design accents
  • Soft lifestyle and travel blogs

Suggested color roles

primary

#FFC0CB (Cherry Blossom Pink) serves as a soft, inviting primary color, perfect for setting a gentle tone.

secondary

#97CAF2 (Sky Blue) offers a refreshing, cool secondary, excellent for balancing the pinks or for UI elements.

accent

#E0BBE4 (Soft Lavender) provides a subtle, elegant accent, great for decorative details or hover states.

background

#FDDCE1 (Creamy White) acts as a clean, airy base, allowing other colors to softly emerge.

text

For optimal readability on these light pastels, use a medium-dark gray (e.g., #4A4A4A) for body text. For headings, #FFC0CB or #97CAF2 can provide a gentle yet clear contrast on #FDDCE1.

Accessibility notes

  • Ensure sufficient contrast for all text elements, especially when using #FFC0CB, #FFB6C1, or #FDDCE1 as backgrounds.
  • Pair darker text (like charcoal) with the lighter backgrounds to meet WCAG AA standards for readability.
  • Avoid using two very light pastel colors adjacent to each other for critical information or UI elements.
  • The blue (#97CAF2) offers a stronger contrast for text than the pinks when used on very light backgrounds.

Recommended combinations

Spring Sky

Creates a fresh, airy, and balanced look, ideal for branding, web layouts, or nature-inspired themes.

#FFC0CB · #97CAF2 · #FDDCE1

Dreamy Blend

Perfect for soft illustrations, delicate patterns, or a serene background for content blocks, emphasizing tranquility.

#FFB6C1 · #E0BBE4 · #FDDCE1

Petal & Cloud

Use for harmonious visual elements, borders, or to add a touch of dreamy sophistication to digital designs.

#FFC0CB · #E0BBE4 · #97CAF2

CSS variables

:root {
  --sakura-petal-breeze-4-1: #FFC0CB;
  --sakura-petal-breeze-4-2: #FFB6C1;
  --sakura-petal-breeze-4-3: #FDDCE1;
  --sakura-petal-breeze-4-4: #E0BBE4;
  --sakura-petal-breeze-4-5: #97CAF2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-petal-breeze-4": {
        1: "#FFC0CB",
        2: "#FFB6C1",
        3: "#FDDCE1",
        4: "#E0BBE4",
        5: "#97CAF2",
      }
    }
  }
}

Related searches

pink and blue pastel palettesakura ethereal color schemegentle spring design ideascalm floral web colorsdreamy nature inspired palette

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFB6C1
·
Color 3#FDDCE1
·
Color 4#E0BBE4
·
Color 5#97CAF2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.1:1Fail
1.1:1Fail
2
1.1:1Fail
1.3:1Fail
1:1Fail
1.1:1Fail
3
1.2:1Fail
1.3:1Fail
1.3:1Fail
1.4:1Fail
4
1.1:1Fail
1:1Fail
1.3:1Fail
1:1Fail
5
1.1:1Fail
1.1:1Fail
1.4:1Fail
1:1Fail

Similar palettes

More like Sakura Petal Breeze

View all pastel
Cherry Blossom Breeze
Gentle Blossom Whisper
Morning Petal Flush
Sakura Bloom Petal
Sakura Blossom Haze
Sakura Cloud Whisper