Back to palettes

Palette

Sakura Petal Kiss

A delicate and romantic palette of pinks, capturing the fleeting beauty of sakura petals.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDD2E2#FCB8D7#F098C2#E87CAD#D65F9C

Palette guide

How to use Sakura Petal Kiss

Overview

The Sakura Petal Kiss palette is a delicate and romantic collection of pinks, capturing the fleeting beauty of sakura petals with a vibrant touch. Ranging from a very light Pink Lace (#FDD2E2) to a soft Pink (#FCB8D7), a lively Hot Pink (#F098C2), a dynamic Bright Pink (#E87CAD), and culminating in a bold Fuchsia (#D65F9C), this palette offers playful sophistication. Designers and developers can leverage these hues to create charming, energetic, and feminine digital experiences or print materials that evoke warmth and joy.

Best used for

  • Youthful fashion brands and accessories
  • Candy or dessert shop branding and packaging
  • Personal blogs with a charming and feminine tone
  • Gift wrapping and stationery design
  • Social media graphics and campaigns
  • Playful mobile app UI and game design

Suggested color roles

primary

Fuchsia (#D65F9C) serves as a vibrant primary color for main call-to-action buttons, bold titles, or key graphical elements, drawing immediate attention.

secondary

Bright Pink (#E87CAD) works well for subheadings, important links, or secondary UI elements, maintaining the palette's energetic feel.

accent

Hot Pink (#F098C2) can be used for mid-tone highlights, interactive states, or decorative lines, adding a lively touch.

background

Pink Lace (#FDD2E2) provides a very pale, soft, and cheerful base, setting a welcoming and lighthearted tone.

text

A dark purple-gray or black text color is highly recommended for all body text to ensure optimal readability against the light backgrounds.

Accessibility notes

  • Fuchsia (#D65F9C) provides good contrast for text on Pink Lace (#FDD2E2) or Soft Pink (#FCB8D7).
  • Ensure sufficient contrast for all text, especially body copy, by pairing with a dark color (e.g., black or dark gray).
  • Avoid using the lightest shades like Pink Lace (#FDD2E2) for small, essential text due to readability issues.
  • Interactive elements should have clear visual feedback beyond just color change, like a subtle outline or shadow.

Recommended combinations

Sweet Gradient

Create smooth, cheerful background gradients or subtle overlays for a gentle visual transition.

#FDD2E2 · #FCB8D7 · #F098C2

Bold Bloom

Combine for impactful branding elements, key visual graphics, or prominent calls-to-action.

#D65F9C · #E87CAD · #F098C2

Playful Pop

Ideal for highlights, interactive components, or decorative elements that require a vibrant yet harmonious presence.

#FCB8D7 · #D65F9C · #E87CAD

CSS variables

:root {
  --sakura-petal-kiss-1: #FDD2E2;
  --sakura-petal-kiss-2: #FCB8D7;
  --sakura-petal-kiss-3: #F098C2;
  --sakura-petal-kiss-4: #E87CAD;
  --sakura-petal-kiss-5: #D65F9C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-petal-kiss": {
        1: "#FDD2E2",
        2: "#FCB8D7",
        3: "#F098C2",
        4: "#E87CAD",
        5: "#D65F9C",
      }
    }
  }
}

Related searches

vibrant pink paletteromantic sakura colorsplayful floral designfeminine fuchsia tonesdelicate spring aesthetic

Palette colors

Hex values

Color 1#FDD2E2
·
Color 2#FCB8D7
·
Color 3#F098C2
·
Color 4#E87CAD
·
Color 5#D65F9C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2:1Fail
2.6:1Fail
2
1.2:1Fail
1.3:1Fail
1.6:1Fail
2.2:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.6:1Fail
2.2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Sakura Petal Kiss

View all pastel
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Breeze
Cherry Blossom Cloud
Cherry Blossom Grace
Cherry Blossom Whispers