Back to palettes

Palette

Sakura Pink Dew

Delicate and airy, this palette captures the fleeting beauty of cherry blossoms in soft morning light.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sakura Pink Dew 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 Pink Dew.

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

Data visualization

#FFEFEC#FCE0DB#F8C1BD#F4A39E#EE847E

Palette guide

How to use Sakura Pink Dew

Overview

The "Sakura Pink Dew" palette captures the fresh, delicate beauty of cherry blossoms kissed by morning dew. Ranging from the incredibly light #FFEFEC to the deeper, warmer #EE847E, this collection of soft, peachy pinks creates a truly inviting and ethereal atmosphere. The subtle progression through hues like #FCE0DB and #F4A39E allows designers to build depth and visual interest while maintaining a cohesive, gentle aesthetic. This palette is ideal for projects seeking to convey warmth, tenderness, and a natural, soothing elegance, perfect for a fresh and airy design.

Best used for

  • Natural skincare and beauty product branding
  • Baby and children's apparel design
  • Gentle lifestyle blogs and photography
  • Spa and wellness center branding
  • Soft, inviting UI/UX themes for apps
  • Delicate wedding and event stationery

Suggested color roles

primary

A very light, almost white pink (#FFEFEC), serving as an airy and clean background or base layer for content.

secondary

A subtle peachy pink (#FCE0DB), ideal for secondary content areas, section dividers, or soft graphic elements.

accent

The deepest, warmest pink (#EE847E), perfect for inviting calls-to-action, important highlights, or decorative flourishes.

background

Provides a pristine, light canvas (#FFEFEC), enhancing the softness of the other peachy tones.

text

A mid-tone peachy pink (#F4A39E), suitable for subheadings or decorative text. For body text, use a dark gray or charcoal for optimal readability.

Accessibility notes

  • Most colors are light; ensure sufficient contrast for text, especially for smaller font sizes.
  • Pair #EE847E or a darker color with #FFEFEC for main text content to ensure readability.
  • Always use a color contrast checker to verify WCAG compliance for all text and interactive elements.
  • Avoid using #FCE0DB or #F8C1BD for body text on similarly light backgrounds.

Recommended combinations

Dewy Base

Creates a soft, layered background effect, ideal for web pages or digital interfaces.

#FFEFEC · #FCE0DB · #F8C1BD

Warm Highlight

Use the lightest for the main background, with the deeper tones for emphasis and key actions.

#FFEFEC · #EE847E · #F4A39E

Subtle Depth

For cards, panels, or content blocks that require a gentle visual separation.

#FCE0DB · #F8C1BD · #F4A39E

CSS variables

:root {
  --sakura-pink-dew-1: #FFEFEC;
  --sakura-pink-dew-2: #FCE0DB;
  --sakura-pink-dew-3: #F8C1BD;
  --sakura-pink-dew-4: #F4A39E;
  --sakura-pink-dew-5: #EE847E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-pink-dew": {
        1: "#FFEFEC",
        2: "#FCE0DB",
        3: "#F8C1BD",
        4: "#F4A39E",
        5: "#EE847E",
      }
    }
  }
}

Related searches

soft peachy pink palettecherry blossom dew colorsdelicate warm pastelsnatural beauty color schemeairy spring pinks

Palette colors

Hex values

Color 1#FFEFEC
·
Color 2#FCE0DB
·
Color 3#F8C1BD
·
Color 4#F4A39E
·
Color 5#EE847E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.8:1Fail
2.3:1Fail
2
1.1:1Fail
1.3:1Fail
1.6:1Fail
2:1Fail
3
1.4:1Fail
1.3:1Fail
1.3:1Fail
1.6:1Fail
4
1.8:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.3:1Fail
2:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Sakura Pink Dew

View all pastel
Cherry Blossom Mist
Sakura Blossom Dawn
Sakura Petal Whisper
Cherry Bloom Serenity
Cherry Bloom Whisper
Cherry Blossom Bloom