Back to palettes

Palette

Sakura Petal Waltz

A delicate and ethereal palette inspired by the gentle, fluttering dance of cherry blossom petals in spring.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#fbeff2#f6e7eb#d3e0e7#e7dbe0#f8f8f8

Palette guide

How to use Sakura Petal Waltz

Overview

The "Sakura Petal Waltz" palette is an ethereal, soft pastel collection evoking the gentle dance of cherry blossoms. Its delicate hues like the nearly white #f8f8f8, the subtle pink of #fbeff2, and the cool undertone of #d3e0e7 create a serene and sophisticated atmosphere. This palette is ideal for projects requiring a light, airy, and calming aesthetic, perfect for conveying elegance without being overpowering. Designers can leverage the slight variations between #f6e7eb and #e7dbe0 to add depth while maintaining a harmonious, understated appeal. It's a versatile choice for a clean, minimalist design that still feels warm and inviting.

Best used for

  • Wedding invitations and bridal branding
  • Skincare or beauty product packaging
  • Delicate fashion and apparel websites
  • Interior design concepts for serene spaces
  • Baby product branding and nurseries
  • Lifestyle blogs with a gentle aesthetic

Suggested color roles

primary

A soft, blush pink (#fbeff2), perfect for large background areas or hero sections to establish a gentle, welcoming tone.

secondary

A slightly warmer pink (#f6e7eb), excellent for secondary elements like card backgrounds, banners, or decorative accents.

accent

A cool, serene blue-grey (#d3e0e7), providing a subtle contrast for highlights, interactive elements, or iconography.

background

A clean, almost-white (#f8f8f8), serving as a pristine canvas for content, ensuring readability and a minimalist feel.

text

A very light pink-grey (#e7dbe0), suitable for subtle decorative text or subheadings, but use a darker charcoal or black for main body text for readability.

Accessibility notes

  • Ensure sufficient contrast for text against backgrounds; most palette colors are very light.
  • Pair darker text (e.g., charcoal or black) with #f8f8f8 or #fbeff2 for body copy.
  • Use a color contrast checker for all text and interactive element pairings.
  • #e7dbe0 will likely fail contrast ratios for small text on #f8f8f8; reserve for large, decorative type.

Recommended combinations

Blossom Base

Ideal for a clean website background with subtle section breaks and soft UI elements.

#F8F8F8 · #FBEFF2 · #F6E7EB

Cool Contrast

Creates a gentle visual hierarchy, good for cards or information blocks with a touch of cool.

#FBEFF2 · #D3E0E7 · #E7DBE0

Subtle Depth

For layered elements, offering slight differentiation while maintaining the overall soft aesthetic.

#F6E7EB · #E7DBE0 · #FBEFF2

CSS variables

:root {
  --sakura-petal-waltz-1: #fbeff2;
  --sakura-petal-waltz-2: #f6e7eb;
  --sakura-petal-waltz-3: #d3e0e7;
  --sakura-petal-waltz-4: #e7dbe0;
  --sakura-petal-waltz-5: #f8f8f8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-petal-waltz": {
        1: "#fbeff2",
        2: "#f6e7eb",
        3: "#d3e0e7",
        4: "#e7dbe0",
        5: "#f8f8f8",
      }
    }
  }
}

Related searches

pastel spring color schemesoft pink blue palettedelicate floral colorslight feminine designserene website color ideas

Palette colors

Hex values

Color 1#fbeff2
·
Color 2#f6e7eb
·
Color 3#d3e0e7
·
Color 4#e7dbe0
·
Color 5#f8f8f8
·

Accessibility

Contrast checker

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

Similar palettes

More like Sakura Petal Waltz

View all pastel
Blushing Petal Softness
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Blush
Cherry Blossom Grace
Cherry Blossom Whispers