Palette

Sakura Petal Blush

A soft and delicate palette reflecting the gentle blush of cherry blossoms in a springtime breeze.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFDDE2#FFC1CC#C5E0D8#A9DBB8#F7ECDE

Palette guide

How to use Sakura Petal Blush

Overview

The Sakura Petal Blush palette (ID: sakura-petal-blush-2) offers a refreshing and delicate blend of soft pinks and serene greens, capturing the gentle blush of cherry blossoms in a springtime breeze. Featuring a warm #FFDDE2 and a slightly deeper #FFC1CC, this palette introduces calming greens like #C5E0D8 and #A9DBB8, harmonized by a creamy #F7ECDE. This unique combination of floral pinks with natural greens creates a balanced and tranquil aesthetic, ideal for designs that aim for a fresh, organic, and subtly romantic feel. It is genuinely useful for evoking a sense of calm and natural beauty.

Best used for

Eco-friendly and natural product branding
Spring and garden-themed events
Wellness and spa-related designs
Children's clothing and toy branding
Soft, organic digital illustrations
Interior design accents for serene spaces

Suggested color roles

primary

#FFC1CC (Soft Rose) serves as a charming primary color, perfect for setting a gentle, inviting tone.

secondary

#A9DBB8 (Misty Green) offers a refreshing, natural secondary, excellent for balancing the pinks in backgrounds or large elements.

accent

#C5E0D8 (Aqua Haze) provides a cool, subtle accent, great for UI elements or decorative patterns.

background

#F7ECDE (Creamy Beige) acts as a warm, neutral base, allowing other colors to gently stand out.

text

A medium-dark brown or charcoal (e.g., #4A4A4A) provides excellent readability against the lighter pinks and greens. For a softer look, use #FFC1CC or #A9DBB8 for headings against #F7ECDE.

Accessibility notes

Ensure sufficient contrast between text and background, especially when pairing #FFDDE2 or #F7ECDE with light text.
The greens (#C5E0D8, #A9DBB8) offer better contrast than the pinks for text when used as backgrounds.
Avoid using #FFDDE2 as text on #F7ECDE; reserve these for backgrounds or large graphical elements.
For critical information, use a darker neutral color for text to meet WCAG AA standards.

Recommended combinations

Garden Fresh

Creates a fresh, natural, and balanced look, ideal for branding or web layouts emphasizing nature.

#FFC1CC · #A9DBB8 · #F7ECDE

Blush & Bloom

Perfect for soft illustrations, delicate patterns, or a serene background for content blocks.

#FFDDE2 · #C5E0D8 · #F7ECDE

Earthy Petal

Use for harmonious visual elements, borders, or to add a touch of organic sophistication to designs.

#A9DBB8 · #FFC1CC · #C5E0D8

CSS variables

:root {
  --sakura-petal-blush-2-1: #FFDDE2;
  --sakura-petal-blush-2-2: #FFC1CC;
  --sakura-petal-blush-2-3: #C5E0D8;
  --sakura-petal-blush-2-4: #A9DBB8;
  --sakura-petal-blush-2-5: #F7ECDE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-petal-blush-2": {
        1: "#FFDDE2",
        2: "#FFC1CC",
        3: "#C5E0D8",
        4: "#A9DBB8",
        5: "#F7ECDE",
      }
    }
  }
}

Hex values

Color 1#FFDDE2

Color 2#FFC1CC

Color 3#C5E0D8

Color 4#A9DBB8

Color 5#F7ECDE

Accessibility

Contrast checker

1.2:1Fail

1.1:1Fail

1.2:1Fail

1.1:1Fail

1.2:1Fail

1.1:1Fail

1:1Fail

1.3:1Fail

1.1:1Fail

1.2:1Fail

1:1Fail

1.1:1Fail

1.3:1Fail

1.1:1Fail

1.3:1Fail

1.2:1Fail

1.3:1Fail

Similar palettes

More like Sakura Petal Blush

Sakura Petal Blush

See it in context.

Ready when you are.

Built with Sakura Petal Blush.

How to use Sakura Petal Blush

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Garden Fresh

Blush & Bloom

Earthy Petal

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sakura Petal Blush