Back to palettes

Palette

Sakura Petal Breeze

Soft, tender pinks and lilacs capture 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

#FFB6C1#FFD1DC#F0F8FF#D8BFD8#C9A7CB

Palette guide

How to use Sakura Petal Breeze

Overview

The Sakura Petal Breeze palette captures the ephemeral beauty of cherry blossoms with its soft, tender pinks and lilacs. Featuring delicate Light Pink (#FFB6C1), serene Alice Blue (#F0F8FF), and muted Pale Lavender (#D8BFD8), this collection offers a calm and gentle aesthetic. The deeper shade of Orchid (#C9A7CB) provides a subtle anchor, perfect for designers looking to create ethereal and sophisticated interfaces or print materials. This guide assists in effectively applying these hues for a harmonious and inviting design.

Best used for

  • Baby product branding and packaging
  • Spa and wellness marketing materials
  • Bridal shower or baby shower decor
  • Delicate digital illustrations
  • Feminine fashion blog themes
  • Serene interior design mood boards

Suggested color roles

primary

Light Pink (#FFB6C1) can be used for prominent design elements, calls-to-action, or main graphical components, offering a gentle yet clear presence.

secondary

Pale Lavender (#D8BFD8) is excellent for supporting sections, subheadings, or secondary navigation, providing a subtle, calming effect.

accent

Orchid (#C9A7CB) works well for subtle highlights, interactive states, or decorative flourishes, adding a touch of muted elegance.

background

Alice Blue (#F0F8FF) offers a clean, airy, and expansive base, creating a sense of openness and tranquility.

text

For optimal readability, use a dark charcoal or black text color. Light Pink (#FFB6C1) or Orchid (#C9A7CB) can be used for larger, decorative titles.

Accessibility notes

  • Most colors are very light; ensure essential text uses a dark color (e.g., black or charcoal) for readability.
  • Contrast between #FFB6C1 and #F0F8FF is low; reserve for decorative elements, not critical text.
  • Consider using #C9A7CB for larger headings against #F0F8FF, but always verify contrast ratios.
  • Provide alternative visual cues (bolding, sizing) for important information to enhance accessibility.

Recommended combinations

Airy Bloom

Create ethereal backgrounds or soft overlays, perfect for evoking a sense of lightness and purity.

#F0F8FF · #FFD1DC · #D8BFD8

Soft Contrast

Use for main content blocks where #F0F8FF is the background, with #FFB6C1 for primary text and #C9A7CB for accents.

#FFB6C1 · #C9A7CB · #F0F8FF

Muted Harmony

Ideal for subtle graphical elements, dividing lines, or progressive disclosure in UI designs.

#D8BFD8 · #C9A7CB · #FFD1DC

CSS variables

:root {
  --sakura-petal-breeze-7-1: #FFB6C1;
  --sakura-petal-breeze-7-2: #FFD1DC;
  --sakura-petal-breeze-7-3: #F0F8FF;
  --sakura-petal-breeze-7-4: #D8BFD8;
  --sakura-petal-breeze-7-5: #C9A7CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-petal-breeze-7": {
        1: "#FFB6C1",
        2: "#FFD1DC",
        3: "#F0F8FF",
        4: "#D8BFD8",
        5: "#C9A7CB",
      }
    }
  }
}

Related searches

delicate pink lilac palettesoft spring colorslight feminine aestheticcherry blossom UI colorsserene brand colors

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FFD1DC
·
Color 3#F0F8FF
·
Color 4#D8BFD8
·
Color 5#C9A7CB
·

Accessibility

Contrast checker

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

Similar palettes

More like Sakura Petal Breeze

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