Palette

Winter Berry Froth

Delicate frosted pinks and rich berry shades evoke a cozy, whimsical winter feeling.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Berry Froth 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 Winter Berry Froth.

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

Data visualization

#A02E4F#D74C6F#F79EC2#F2E8EB#CFD8DC

Palette guide

How to use Winter Berry Froth

Overview

The Winter Berry Froth palette combines delicate frosted pinks with rich berry shades, evoking a cozy, whimsical winter feeling. It features a deep #A02E4F, a vibrant #D74C6F, a soft #F79EC2, and airy tones like #F2E8EB and #CFD8DC. This palette is ideal for designers and developers seeking to create a charming, feminine, and lighthearted aesthetic. It excels in projects that demand a sense of playfulness, warmth, and gentle elegance, making it suitable for children's products, feminine fashion, charming event invitations, or dessert packaging.

Best used for

Whimsical brand identities
Children's product design
Feminine fashion branding
Charming event invitations
Dessert and confectionery packaging
Lifestyle and beauty blogs

Suggested color roles

primary

#A02E4F serves as a strong, inviting primary color, suitable for main branding and key visual elements.

secondary

#D74C6F provides a brighter, more playful secondary color for supporting graphics or highlights.

accent

#CFD8DC offers a cool, subtle accent for contrast, delicate details, or light backgrounds.

background

#F2E8EB delivers a soft, light background, creating an airy and gentle visual space.

text

#A02E4F is excellent for body text and headings on light backgrounds, ensuring strong readability with a rich, dark tone, or a standard dark charcoal for general use.

Accessibility notes

Ensure #A02E4F text on the #F2E8EB background meets WCAG contrast standards for optimal readability.
Lighter pinks like #F79EC2 may not provide sufficient contrast for small text; use for larger headings or decorative elements.
Always test interactive elements (buttons, links) for contrast in all states (normal, hover, active).
When using #D74C6F as a background, ensure text color like #F2E8EB or white has adequate contrast.

Recommended combinations

Playful Interface

Use #F2E8EB as a light background, #A02E4F for main headings, and #D74C6F for accents or subheadings.

#F2E8EB · #A02E4F · #D74C6F

Whimsical Card

Design a card with #F79EC2 as the background, #A02E4F for the title, and #CFD8DC for a subtle decorative element.

#F79EC2 · #A02E4F · #CFD8DC

Soft CTA

Create a button with #D74C6F background, #F2E8EB text, and #A02E4F for a hover state or border.

#D74C6F · #F2E8EB · #A02E4F

CSS variables

:root {
  --winter-berry-froth-2-1: #A02E4F;
  --winter-berry-froth-2-2: #D74C6F;
  --winter-berry-froth-2-3: #F79EC2;
  --winter-berry-froth-2-4: #F2E8EB;
  --winter-berry-froth-2-5: #CFD8DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-berry-froth-2": {
        1: "#A02E4F",
        2: "#D74C6F",
        3: "#F79EC2",
        4: "#F2E8EB",
        5: "#CFD8DC",
      }
    }
  }
}

Hex values

Color 1#A02E4F

Color 2#D74C6F

Color 3#F79EC2

Color 4#F2E8EB

Color 5#CFD8DC

Accessibility

Contrast checker

1.7:1Fail

3.5:1AA18

5.8:1AA

4.8:1AA

1.7:1Fail

2.1:1Fail

3.4:1AA18

2.8:1Fail

3.5:1AA18

2.1:1Fail

1.6:1Fail

1.4:1Fail

5.8:1AA

3.4:1AA18

1.6:1Fail

1.2:1Fail

4.8:1AA

2.8:1Fail

1.4:1Fail

1.2:1Fail

Similar palettes

More like Winter Berry Froth

View all pastel

Frosted Berry Crumble

Berry Blossom Kiss

Blushing Peach Garden

Candy Cane Swirl

Candy Cloud Dream

Candy Floss Cloud