Back to palettes

Palette

Sakura Petal Cascade

A delicate array of pale pinks, like a gentle wind carrying a cascade of cherry blossoms through the air.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDEEF4#FADDEB#F6CCDD#F2BBD0#EEAACA

Palette guide

How to use Sakura Petal Cascade

Overview

The Sakura Petal Cascade palette presents a delicate array of pale pinks, reminiscent of a gentle wind carrying cherry blossoms. Featuring very light Lavender Blush (#FDEEF4), soft Pink Lavender (#FADDEB), and progressively deeper shades like Medium Pink (#F2BBD0) and a more saturated Light Crimson (#EEAACA), this monochromatic collection offers subtle depth and sophistication. Designers and developers can leverage these hues to create elegant, feminine, and understated digital experiences or print materials that require a harmonious and refined touch.

Best used for

  • Brand identity for high-end boutiques
  • Luxury cosmetic and beauty packaging
  • Elegant event invitations and decor
  • Feminine tech accessories branding
  • Soft fashion editorials and lookbooks
  • High-end confectionery and patisserie branding

Suggested color roles

primary

Medium Pink (#F2BBD0) serves as a gentle yet prominent primary color for important headings or key interactive elements.

secondary

Pink Lavender (#FADDEB) is ideal for subheadings, secondary information, or supporting graphical elements, maintaining a soft aesthetic.

accent

Light Crimson (#EEAACA) can be used sparingly for subtle highlights, interactive states, or decorative flourishes, adding a touch of depth.

background

Lavender Blush (#FDEEF4) provides a very pale, clean, and delicate base, allowing content to gently stand out.

text

A dark gray or black text color is essential for maximum readability against this palette's light shades. Light Crimson (#EEAACA) can be used for larger decorative text.

Accessibility notes

  • This palette consists of very close, light shades; essential text must use a very dark color (e.g., black or charcoal).
  • Light Crimson (#EEAACA) on Lavender Blush (#FDEEF4) might achieve minimal contrast for larger text, but always verify WCAG guidelines.
  • Avoid using the lighter shades like #FDEEF4 or #FADDEB for small, critical text due to insufficient contrast.
  • Use these colors primarily for decorative elements, backgrounds, and large visual blocks, relying on dark text for information.

Recommended combinations

Gradient Flow

Create smooth, subtle background gradients or layered effects for a sense of continuous flow.

#FDEEF4 · #FADDEB · #F6CCDD

Petal Pop

Combine for key visual elements or calls-to-action where a slightly bolder, yet still delicate, presence is desired.

#F2BBD0 · #EEAACA · #FADDEB

Soft Depth

Ideal for creating a layered effect in UI cards, sectional dividers, or graphical illustrations.

#F6CCDD · #F2BBD0 · #EEAACA

CSS variables

:root {
  --sakura-petal-cascade-1: #FDEEF4;
  --sakura-petal-cascade-2: #FADDEB;
  --sakura-petal-cascade-3: #F6CCDD;
  --sakura-petal-cascade-4: #F2BBD0;
  --sakura-petal-cascade-5: #EEAACA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-petal-cascade": {
        1: "#FDEEF4",
        2: "#FADDEB",
        3: "#F6CCDD",
        4: "#F2BBD0",
        5: "#EEAACA",
      }
    }
  }
}

Related searches

monochromatic pink paletteelegant pastel pinkssubtle feminine designluxury pink brandingcherry blossom gradient

Palette colors

Hex values

Color 1#FDEEF4
·
Color 2#FADDEB
·
Color 3#F6CCDD
·
Color 4#F2BBD0
·
Color 5#EEAACA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.5:1Fail
1.7:1Fail
2
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.5:1Fail
3
1.3:1Fail
1.1:1Fail
1.1:1Fail
1.3:1Fail
4
1.5:1Fail
1.3:1Fail
1.1:1Fail
1.1:1Fail
5
1.7:1Fail
1.5:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Sakura Petal Cascade

View all pastel
Cherry Bloom Whisper
Cherry Blossom Blush
Cherry Blossom Cloud
Cherry Blossom Cloud
Cherry Blossom Mist
Cherry Blossom Whispers