Back to palettes

Palette

Sweet Berry Soufflé

Light and airy pinks and purples, like a delicate, fruity berry soufflé.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Berry Soufflé 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 Sweet Berry Soufflé.

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

Data visualization

#D70270#E34F90#EF7EAE#F9B7CE#FEE4F0

Palette guide

How to use Sweet Berry Soufflé

Overview

The "Sweet Berry Soufflé" palette offers a delicate and airy collection of pinks and purples, perfect for evoking a sense of lightness and sweetness. Featuring shades like the vibrant #D70270, a softer #E34F90, and the incredibly light #FEE4F0, this palette is ideal for designs aiming for a gentle, romantic, or playful aesthetic. Its harmonious blend of berry-inspired hues creates a sophisticated yet approachable feel, making it a versatile choice for a variety of creative projects. Designers and developers will find its gradient-like progression useful for establishing depth and visual flow.

Best used for

  • Feminine branding and packaging
  • Baby product designs
  • Wedding invitations and stationery
  • Beauty and cosmetic websites
  • Dessert shop branding
  • Personal blogs and social media graphics

Suggested color roles

primary

Use #D70270 for key calls to action or prominent brand elements, establishing a vibrant yet sweet presence.

secondary

Employ #E34F90 for supporting sections, subheadings, or illustrations to maintain a cohesive berry tone.

accent

Highlight subtle details or interactive states with #EF7EAE, offering a soft, inviting pop.

background

Utilize #FEE4F0 as a light, airy base for backgrounds, allowing other colors to truly bloom.

text

For optimal readability, use a dark charcoal or black text. For lighter text on darker elements, #F9B7CE provides a gentle contrast.

Accessibility notes

  • Ensure sufficient contrast between text and background, particularly for lighter shades like #F9B7CE and #FEE4F0.
  • Pair #D70270 or #E34F90 with #FEE4F0 for accessible text contrast on light backgrounds.
  • Avoid using #FEE4F0 for small text against similarly light backgrounds to prevent readability issues.
  • Consider larger font sizes or bolding when using mid-tone colors like #EF7EAE for text.

Recommended combinations

Deep & Light Contrast

Excellent for high-impact headers or hero sections where strong contrast is desired.

#D70270 · #FEE4F0 · #E34F90

Soft Gradient

Ideal for backgrounds, illustrations, or UI elements that require a smooth, gentle transition.

#E34F90 · #EF7EAE · #F9B7CE

Playful Blend

Creates a cheerful and inviting atmosphere, suitable for accents or interactive components.

#F9B7CE · #FEE4F0 · #D70270

CSS variables

:root {
  --sweet-berry-souffl-1: #D70270;
  --sweet-berry-souffl-2: #E34F90;
  --sweet-berry-souffl-3: #EF7EAE;
  --sweet-berry-souffl-4: #F9B7CE;
  --sweet-berry-souffl-5: #FEE4F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-berry-souffl": {
        1: "#D70270",
        2: "#E34F90",
        3: "#EF7EAE",
        4: "#F9B7CE",
        5: "#FEE4F0",
      }
    }
  }
}

Related searches

pastel pink color schemeberry purple palettesoft dessert colorsfeminine UI colorslight pink purple hues

Palette colors

Hex values

Color 1#D70270
·
Color 2#E34F90
·
Color 3#EF7EAE
·
Color 4#F9B7CE
·
Color 5#FEE4F0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3.1:1AA18
4.3:1AA18
2
1.4:1Fail
1.4:1Fail
2.2:1Fail
3:1AA18
3
2:1Fail
1.4:1Fail
1.5:1Fail
2.1:1Fail
4
3.1:1AA18
2.2:1Fail
1.5:1Fail
1.4:1Fail
5
4.3:1AA18
3:1AA18
2.1:1Fail
1.4:1Fail

Similar palettes

More like Sweet Berry Soufflé

View all pastel
Cotton Candy Dream
Powdered Macaron Bliss
Sugar Frosting Dream
Sugared Almond Dream
Sweet Macaron Dreams
Sweet Macaron Tower