Back to palettes

Palette

Sakura Petals

Whispers of soft pink and ivory capture the fleeting, delicate beauty of falling sakura petals.

PastelCalm5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB6C1#F4C2C2#FFE4E1#FAEBD7#F0F8FF

Palette guide

How to use Sakura Petals

Overview

The "Sakura Petals" palette embodies the fleeting, delicate beauty of cherry blossoms with a soft, ethereal blend of pinks, creams, and light blues. Featuring the gentle pink of #FFB6C1, the warm cream of #FAEBD7, and the airy blue of #F0F8FF, this collection creates an incredibly serene and inviting atmosphere. The subtle variations between hues like #F4C2C2 and #FFE4E1 allow for nuanced depth while maintaining a harmonious, understated elegance. This palette is perfect for designs that require a light, airy, and calming aesthetic, evoking purity and tranquility.

Best used for

  • Spa and wellness brand identity
  • Baby care product packaging
  • Soft, romantic wedding themes
  • Minimalist interior design concepts
  • Gentle art and photography portfolios
  • Serene lifestyle and meditation apps

Suggested color roles

primary

A delicate, classic pink (#FFB6C1), ideal for conveying softness and warmth in primary elements or accents.

secondary

A very light, peachy pink (#FFE4E1), suitable for secondary backgrounds, subtle dividers, or large decorative text.

accent

A serene, almost-white blue (#F0F8FF), providing a cool, fresh contrast for highlights, icons, or subtle UI elements.

background

A warm, creamy off-white (#FAEBD7), serving as a clean and inviting canvas that complements the pinks and blues.

text

A light, desaturated pink (#F4C2C2), suitable for decorative headings. For body text, use a dark gray or charcoal for optimal readability.

Accessibility notes

  • Many colors are very light; ensure sufficient contrast for text, especially for body copy.
  • Pair darker text (e.g., charcoal or black) with #FAEBD7 or #F0F8FF for main content.
  • Use a color contrast checker for all text and interactive element pairings to meet WCAG standards.
  • #F4C2C2 on #FFE4E1 will likely have insufficient contrast for small text; use for large, decorative elements only.

Recommended combinations

Airy Base

Creates a light, spacious background with subtle variations for content areas.

#FAEBD7 · #F0F8FF · #FFE4E1

Blush & Blue

A classic pairing for a gentle, romantic feel, good for headers and feature blocks.

#FFB6C1 · #F4C2C2 · #F0F8FF

Soft Accents

For subtle visual cues, delicate borders, or background patterns.

#FFE4E1 · #FAEBD7 · #FFB6C1

CSS variables

:root {
  --sakura-petals-1: #FFB6C1;
  --sakura-petals-2: #F4C2C2;
  --sakura-petals-3: #FFE4E1;
  --sakura-petals-4: #FAEBD7;
  --sakura-petals-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-petals": {
        1: "#FFB6C1",
        2: "#F4C2C2",
        3: "#FFE4E1",
        4: "#FAEBD7",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

light pink blue palettedelicate floral color schemeserene pastel colorssoft romantic designairy spring aesthetic

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#F4C2C2
·
Color 3#FFE4E1
·
Color 4#FAEBD7
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

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

Similar palettes

More like Sakura Petals

View all Pastel
Cherry Blossom
Sakura Petal Whisper
Sakura Petal Breeze
Spring Cherry Pastel
Blossom Blush Breeze
Garden Blossom Dew