Back to palettes

Palette

Winter Berry Froth

A cool-toned palette blending frosted reds with icy blues, reminiscent of berries in winter.

coolcalm5 colors
More cool 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

#B54242#E66767#F2A3A3#B8DAE5#88BBDD

Palette guide

How to use Winter Berry Froth

Overview

The Winter Berry Froth palette presents a cool-toned blend of frosted reds with icy blues, reminiscent of berries in a fresh winter setting. It features a bold #B54242, a softer #E66767, a delicate #F2A3A3, and refreshing blues like #B8DAE5 and #88BBDD. This palette is perfect for designers and developers seeking to create a fresh, playful, and calm aesthetic. It excels in projects that demand a sense of lightness, modern charm, and a touch of invigorating coolness, making it suitable for children's book illustrations, casual apparel, modern blog designs, or lighthearted event promotions.

Best used for

  • Fresh and playful branding
  • Children's book illustrations
  • Casual apparel design
  • Modern blog and website design
  • Lighthearted event promotions
  • Creative digital art

Suggested color roles

primary

#B54242 serves as a vibrant primary color, suitable for main branding elements and impactful calls-to-action.

secondary

#E66767 provides a softer, more approachable secondary color for supporting visuals or gentle accents.

accent

#88BBDD offers a cool, refreshing accent, perfect for interactive elements, highlights, or contrasting details.

background

#F2A3A3 delivers a light, warm background, creating an inviting and airy visual space.

text

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

Accessibility notes

  • Ensure #B54242 text on the #F2A3A3 background meets WCAG contrast standards for optimal readability.
  • Lighter shades like #E66767 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 #88BBDD as a text color, ensure it has enough contrast against red backgrounds.

Recommended combinations

Fresh UI

Use #F2A3A3 as a light background, #B54242 for main headings, and #88BBDD for interactive elements.

#F2A3A3 · #B54242 · #88BBDD

Playful Card

Design a card with #B8DAE5 as the background, #B54242 for the title, and #E66767 for a descriptive detail.

#B8DAE5 · #B54242 · #E66767

Interactive Button

Create a button with #88BBDD background, #F2A3A3 text, and #B54242 for a hover state or border.

#88BBDD · #F2A3A3 · #B54242

CSS variables

:root {
  --winter-berry-froth-1: #B54242;
  --winter-berry-froth-2: #E66767;
  --winter-berry-froth-3: #F2A3A3;
  --winter-berry-froth-4: #B8DAE5;
  --winter-berry-froth-5: #88BBDD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-berry-froth": {
        1: "#B54242",
        2: "#E66767",
        3: "#F2A3A3",
        4: "#B8DAE5",
        5: "#88BBDD",
      }
    }
  }
}

Related searches

frosted red blue paletteicy pink designfresh berry colorscool winter schemeplayful red and blue

Palette colors

Hex values

Color 1#B54242
·
Color 2#E66767
·
Color 3#F2A3A3
·
Color 4#B8DAE5
·
Color 5#88BBDD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
3.7:1AA18
2.7:1Fail
2
1.7:1Fail
1.6:1Fail
2.2:1Fail
1.6:1Fail
3
2.8:1Fail
1.6:1Fail
1.3:1Fail
1:1Fail
4
3.7:1AA18
2.2:1Fail
1.3:1Fail
1.4:1Fail
5
2.7:1Fail
1.6:1Fail
1:1Fail
1.4:1Fail

Similar palettes

More like Winter Berry Froth

View all cool