Back to palettes

Palette

Sakura Dream Petals

Delicate shades of soft pinks, capturing the ethereal beauty of a cherry blossom dreamscape.

Pastelcalm5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sakura Dream Petals 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 Dream Petals.

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

Data visualization

#FBEFF2#FADDE6#F7CDDC#EACBDC#FCE8EE

Palette guide

How to use Sakura Dream Petals

Overview

The Sakura Dream Petals palette captures the essence of a cherry blossom dreamscape, featuring an exquisitely subtle range of soft pinks. From the almost blush #FBEFF2 to the gentle #FADDE6, the slightly deeper #F7CDDC and #EACBDC, and the vibrant #FCE8EE, this collection offers a truly delicate and harmonious aesthetic. It's an ideal choice for designers and developers aiming to evoke serenity, tenderness, and sophisticated minimalism. The tight color range ensures cohesion, making it perfect for creating soft, inviting experiences that feel both luxurious and understated.

Best used for

  • Luxury skincare and beauty product branding
  • Minimalist wedding stationery and decor
  • High-end fashion editorials and lookbooks
  • Serene meditation or wellness app interfaces
  • Delicate art prints and digital illustrations
  • Soft, sophisticated web backgrounds

Suggested color roles

primary

Use #F7CDDC as a primary background or large area color, offering a subtle yet distinct foundation.

secondary

Employ #EACBDC for supporting elements like subheadings or subtle accents, adding a touch of gentle depth.

accent

Reserve #FCE8EE for delicate highlights or interactive states, providing a slightly brighter, refreshing pop.

background

Utilize #FBEFF2 or #FADDE6 for exceptionally light and clean backgrounds that enhance a minimalist aesthetic.

text

For dark text, a dark gray or charcoal is recommended for optimal readability across all light pink backgrounds. White text is not suitable.

Accessibility notes

  • Extreme caution is needed for text contrast; these colors are very close in value. Always use a dark neutral for text.
  • Avoid using any two palette colors for text and background; contrast will almost certainly be insufficient.
  • Ensure all text, especially body copy, is in black or dark charcoal (e.g., #333333) for readability.
  • This palette is best for large graphic elements or backgrounds, not for critical text or interactive elements without dark contrast.

Recommended combinations

Subtle Whisper

Ideal for creating incredibly soft, almost imperceptible gradients or layered background effects.

#FBEFF2 · #FADDE6 · #F7CDDC

Gentle Depth

Effective for main content areas, where the subtle variation provides structure without harsh contrast.

#FADDE6 · #F7CDDC · #EACBDC

Blush Highlight

Great for delicate UI elements, using #FCE8EE as a very soft highlight on a slightly darker pink base.

#FBEFF2 · #EACBDC · #FCE8EE

CSS variables

:root {
  --sakura-dream-petals-1: #FBEFF2;
  --sakura-dream-petals-2: #FADDE6;
  --sakura-dream-petals-3: #F7CDDC;
  --sakura-dream-petals-4: #EACBDC;
  --sakura-dream-petals-5: #FCE8EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-dream-petals": {
        1: "#FBEFF2",
        2: "#FADDE6",
        3: "#F7CDDC",
        4: "#EACBDC",
        5: "#FCE8EE",
      }
    }
  }
}

Related searches

minimalist pink color palettesoft pastel pinksdreamy cherry blossom colorssubtle ui design paletteelegant light pink branding

Palette colors

Hex values

Color 1#FBEFF2
·
Color 2#FADDE6
·
Color 3#F7CDDC
·
Color 4#EACBDC
·
Color 5#FCE8EE
·

Accessibility

Contrast checker

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

Similar palettes

More like Sakura Dream Petals

View all Pastel
Cherry Blossom Festival
Spring Cherry Blush
Sakura Breeze Petals
Spring Cherry Pastel
Azure Serene Dawn
Cherry Bloom Whisper