Back to palettes

Palette

Sakura Petal Breeze

Light, airy, and gentle colors reflecting the ephemeral beauty of cherry blossoms in bloom.

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#FFDAB9#F0FFFF#FFE4E1

Palette guide

How to use Sakura Petal Breeze

Overview

The Sakura Petal Breeze palette captures the ephemeral beauty of cherry blossoms with its light, airy, and gentle colors. This collection features classic Pink (#FFC0CB), delicate Light Pink (#FFB6C1), warm Peach Puff (#FFDAB9), and serene Azure (#F0FFFF), complemented by Misty Rose (#FFE4E1). Designers and developers can utilize these hues to craft soft, inviting, and sophisticated user interfaces or print materials that evoke a sense of calm and romance. Its pastel nature makes it perfect for designs seeking a subtle and elegant touch.

Best used for

  • Elegant wedding stationery and branding
  • Baby nursery decor and products
  • Delicate dessert and confectionery packaging
  • Gentle skincare and beauty branding
  • Romantic website themes and blogs
  • Soft photography backdrops and filters

Suggested color roles

primary

Pink (#FFC0CB) serves as an excellent primary color for key headings, call-to-action buttons, or main interactive elements, providing a gentle focal point.

secondary

Light Pink (#FFB6C1) is ideal for supporting information, subheadings, or decorative elements, maintaining the palette's soft aesthetic.

accent

Peach Puff (#FFDAB9) offers a subtle, warm accent for highlights, hover states, or small decorative details, adding a touch of golden hour glow.

background

Azure (#F0FFFF) creates a clean, spacious, and extremely light backdrop, ensuring content stands out subtly.

text

For optimal readability, a dark charcoal or black text color is highly recommended against these light pastel backgrounds.

Accessibility notes

  • Most colors are very light; ensure text has strong contrast by using a dark color (e.g., black or charcoal).
  • Pink (#FFC0CB) on Azure (#F0FFFF) may not meet WCAG AA for small text; reserve for larger headings or decorative uses.
  • Pair Light Pink (#FFB6C1) or Misty Rose (#FFE4E1) with a very dark text color to meet accessibility standards.
  • Avoid using light pastels for crucial information unless accompanied by strong visual cues like bolding or increased font size.

Recommended combinations

Ethereal Blend

Create soft, ethereal gradients for backgrounds, hero sections, or subtle overlays.

#F0FFFF · #FFE4E1 · #FFDAB9

Blossom Glow

Combine for main content blocks, where the pinks and peach create a warm, inviting visual.

#FFC0CB · #FFB6C1 · #FFDAB9

Subtle Depth

Ideal for UI elements requiring gentle distinction, such as card backgrounds or layered navigation components.

#FFB6C1 · #FFE4E1 · #F0FFFF

CSS variables

:root {
  --sakura-petal-breeze-1: #FFC0CB;
  --sakura-petal-breeze-2: #FFB6C1;
  --sakura-petal-breeze-3: #FFDAB9;
  --sakura-petal-breeze-4: #F0FFFF;
  --sakura-petal-breeze-5: #FFE4E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-petal-breeze": {
        1: "#FFC0CB",
        2: "#FFB6C1",
        3: "#FFDAB9",
        4: "#F0FFFF",
        5: "#FFE4E1",
      }
    }
  }
}

Related searches

soft pastel pinkslight cherry blossom palettegentle romantic colorsairy UI designdelicate floral branding

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFB6C1
·
Color 3#FFDAB9
·
Color 4#F0FFFF
·
Color 5#FFE4E1
·

Accessibility

Contrast checker

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

Similar palettes

More like Sakura Petal Breeze

View all pastel
Blushing Petal Softness
Blushing Rose Dew
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Grace
Dewdrop Petal Blush