Back to palettes

Palette

Berry Blossom Kiss

Delicate pinks and subtle mauves evoke the tender beauty of berry blossoms kissed by the morning mist.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Berry Blossom 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 Berry Blossom Kiss.

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

Data visualization

#F9E0E7#F2C1D1#E59EB7#D87B9D#B7567A

Palette guide

How to use Berry Blossom Kiss

Overview

The Berry Blossom Kiss palette beautifully evokes the tender beauty of berry blossoms, kissed by morning mist, through its delicate range of pinks and soft mauves. This elegant collection spans from the ethereal #F9E0E7 to the deeper, more defined #B7567A, including charming mid-tones like #F2C1D1, #E59EB7, and #D87B9D. It offers a sophisticated yet gentle aesthetic, perfect for designs that aim for softness, romance, or subtle femininity. Designers and developers will find this palette ideal for creating inviting user interfaces, elegant branding, or serene digital experiences, ensuring a cohesive and visually pleasing journey that feels both modern and timeless. It naturally lends itself to themes of beauty, wellness, and refined luxury.

Best used for

  • Wedding and event invitations
  • Beauty and cosmetic branding
  • Baby product design
  • Feminine fashion websites
  • Spa and wellness promotional materials
  • Delicate floral illustration

Suggested color roles

primary

The soft rose #D87B9D works well for main headings or significant UI elements, offering gentle prominence.

secondary

Use the deeper #B7567A for impactful textual elements or calls-to-action that require more weight.

accent

The lightest pink #F9E0E7 can serve as a delicate accent for backgrounds, subtle gradients, or decorative flourishes.

background

The gentle #F2C1D1 provides a warm, inviting base that is soft on the eyes and complements the other tones.

text

For optimal readability on lighter shades like #F9E0E7 or #F2C1D1, use a darker pink such as #B7567A or a deep charcoal. On darker elements, use #F9E0E7.

Accessibility notes

  • Many shades are light; ensure sufficient contrast for text, especially with #F9E0E7 and #F2C1D1.
  • Avoid using #E59EB7 or #D87B9D for small text on light backgrounds without contrast checks.
  • For interactive elements, ensure distinct visual cues beyond color due to the close tonal range.
  • Pairing the darkest shade #B7567A with the lightest #F9E0E7 offers the best contrast within the palette.

Recommended combinations

Soft & Romantic

Ideal for gentle backgrounds, subtle gradients, and header sections, conveying softness and warmth.

#F9E0E7 · #F2C1D1 · #D87B9D

Elegant Depth

Excellent for primary branding, strong typography, or calls-to-action, offering a sophisticated contrast.

#B7567A · #E59EB7 · #F9E0E7

Blossom Gradient

Perfect for visual storytelling, smooth transitions, or decorative elements that require a flowing aesthetic.

#F2C1D1 · #E59EB7 · #D87B9D

CSS variables

:root {
  --berry-blossom-kiss-1: #F9E0E7;
  --berry-blossom-kiss-2: #F2C1D1;
  --berry-blossom-kiss-3: #E59EB7;
  --berry-blossom-kiss-4: #D87B9D;
  --berry-blossom-kiss-5: #B7567A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "berry-blossom-kiss": {
        1: "#F9E0E7",
        2: "#F2C1D1",
        3: "#E59EB7",
        4: "#D87B9D",
        5: "#B7567A",
      }
    }
  }
}

Related searches

pastel pink color palettesoft mauve tonesromantic floral colorsfeminine web design paletteblush and rose hues

Palette colors

Hex values

Color 1#F9E0E7
·
Color 2#F2C1D1
·
Color 3#E59EB7
·
Color 4#D87B9D
·
Color 5#B7567A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
3.6:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.9:1Fail
3
1.7:1Fail
1.3:1Fail
1.4:1Fail
2.1:1Fail
4
2.3:1Fail
1.8:1Fail
1.4:1Fail
1.6:1Fail
5
3.6:1AA18
2.9:1Fail
2.1:1Fail
1.6:1Fail

Similar palettes

More like Berry Blossom Kiss

View all pastel
Orchid Dewdrop Pink
Candy Cloud Dream
Candy Floss Cloud
Cherry Blossom Cloud
Cherry Blossom Dream
Cherry Blossom Festival