Back to palettes

Palette

Sakura Bloom Petal

Delicate and airy, these hues mimic the fleeting beauty of cherry blossoms in full bloom.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FFD7E0#FFEDF2#F0A8BF#DBA0B9

Palette guide

How to use Sakura Bloom Petal

Overview

The Sakura Bloom Petal palette captures the delicate and airy essence of cherry blossoms in full bloom, offering a spectrum of soft, romantic pinks. Ranging from the almost translucent #FFEDF2 to the deeper, more defined #DBA0B9, this collection is built for designs that require a gentle, ethereal touch. Key hues include the classic #FFC0CB, a universally appealing soft pink, and #FFD7E0, an even lighter variant. The presence of #F0A8BF provides a lovely mid-tone, adding subtle depth without sacrificing the palette's inherent lightness. This palette is perfect for creating welcoming, elegant, and subtly feminine digital or print experiences.

Best used for

  • Wedding planner websites and stationery
  • Baby clothing brands or nursery decor
  • Soft-focused photography portfolios
  • Feminine skincare or cosmetic packaging
  • Delicate UI for lifestyle or journaling apps
  • Spring-themed event marketing materials

Suggested color roles

primary

#FFC0CB - A quintessential soft pink, ideal for main content areas, large backgrounds, or primary brand elements where a gentle, inviting tone is desired.

secondary

#FFD7E0 - A very light, almost pastel pink, excellent for subheadings, subtle dividers, or hover states, maintaining the palette's airy feel.

accent

#DBA0B9 - The deepest pink in the palette, perfect for drawing attention to calls-to-action, important links, or small, impactful graphic details with a touch of sophistication.

background

#FFEDF2 - An exceptionally light, near-white pink, providing a clean, ethereal canvas that ensures content readability and an overall delicate aesthetic.

text

For optimal legibility, use a dark charcoal or black for primary text. For secondary text or decorative elements, a very dark version of #DBA0B9 can be used, ensuring sufficient contrast.

Accessibility notes

  • The lighter shades like #FFEDF2 and #FFD7E0 are generally unsuitable for body text on light backgrounds due to low contrast.
  • Ensure #F0A8BF and #DBA0B9 are used for text only when paired with very light backgrounds to meet WCAG guidelines.
  • Provide strong visual cues for interactive elements, as the palette's soft nature might make subtle changes hard to perceive.
  • Consider using a dark neutral for main text to prevent eye strain, especially on screens.

Recommended combinations

Petal Softness

Ideal for creating serene, minimalist backgrounds or delicate graphical elements where utmost lightness is key.

#FFEDF2 · #FFC0CB · #FFD7E0

Gentle Focus

Excellent for subtly highlighting key information, form fields, or secondary calls-to-action without harsh contrasts.

#FFD7E0 · #F0A8BF · #DBA0B9

Blossom Depth

Suitable for creating elegant headers, footers, or subtle branding elements that require a touch of sophisticated depth.

#FFEDF2 · #DBA0B9 · #F0A8BF

CSS variables

:root {
  --sakura-bloom-petal-1: #FFC0CB;
  --sakura-bloom-petal-2: #FFD7E0;
  --sakura-bloom-petal-3: #FFEDF2;
  --sakura-bloom-petal-4: #F0A8BF;
  --sakura-bloom-petal-5: #DBA0B9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-bloom-petal": {
        1: "#FFC0CB",
        2: "#FFD7E0",
        3: "#FFEDF2",
        4: "#F0A8BF",
        5: "#DBA0B9",
      }
    }
  }
}

Related searches

delicate pink color schemeairy floral paletteromantic pastel brandingcherry blossom petal colorssoft feminine web design

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFD7E0
·
Color 3#FFEDF2
·
Color 4#F0A8BF
·
Color 5#DBA0B9
·

Accessibility

Contrast checker

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

Similar palettes

More like Sakura Bloom Petal

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