Palette

Winter Berry Blush

Combines the vibrant flush of winter berries with icy blues and snow whites, embodying a frosty elegance.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#ADD8E6#F0FFFF#2F4F4F#B0A2C2

Palette guide

How to use Winter Berry Blush

Overview

The Winter Berry Blush palette masterfully combines the vibrant flush of winter berries with icy blues and snow whites, embodying a frosty elegance. This calm yet striking collection features a bold dark red (#8B0000), serene light blue (#ADD8E6), crisp near-white (#F0FFFF), deep slate grey (#2F4F4F), and a muted lavender-grey (#B0A2C2). It's an excellent choice for designers and developers aiming for a festive yet refined aesthetic. The strong contrast between the rich berry and the cool, icy tones makes it versatile for holiday branding, seasonal web design, or projects requiring a blend of warmth and winter chill, ensuring visual appeal and readability.

Best used for

Holiday branding and festive promotions
Winter event invitations and decor
Nature-inspired digital illustrations
Packaging design for seasonal products
Cozy home decor themes and textiles
User interfaces with seasonal accents

Suggested color roles

primary

Use #8B0000 as a bold, anchoring color for important calls-to-action, headers, or focal points, providing warmth.

secondary

Apply #2F4F4F for robust content blocks, navigation, or as a sophisticated grounding element, offering depth.

accent

Employ #ADD8E6 for subtle highlights, decorative elements, or to introduce an icy, cool contrast to the palette.

background

Utilize #F0FFFF as a clean, snow-like background, ensuring maximum contrast and readability for darker text.

text

For optimal legibility on light backgrounds, use #2F4F4F or black. On darker colors, white or #F0FFFF ensures clarity.

Accessibility notes

Ensure #8B0000 provides sufficient contrast against #F0FFFF for text to meet WCAG AA standards.
Avoid using #ADD8E6 or #B0A2C2 for small body text on light backgrounds due to potential low contrast.
Prioritize #2F4F4F for all essential text on #F0FFFF to ensure clear readability for all users.
Test the contrast of #B0A2C2 against #F0FFFF when used for secondary information or decorative text.

Recommended combinations

Classic Frost

Creates a crisp, traditional winter aesthetic, perfect for high-contrast, festive designs.

#F0FFFF · #8B0000 · #2F4F4F

Icy Berry

Combines vibrant berry with cool undertones, ideal for playful yet elegant seasonal graphics.

#ADD8E6 · #8B0000 · #B0A2C2

Muted Balance

Offers a softer, more subtle winter scene, suitable for backgrounds or less prominent design elements.

#B0A2C2 · #2F4F4F · #ADD8E6

CSS variables

:root {
  --winter-berry-blush-2-1: #8B0000;
  --winter-berry-blush-2-2: #ADD8E6;
  --winter-berry-blush-2-3: #F0FFFF;
  --winter-berry-blush-2-4: #2F4F4F;
  --winter-berry-blush-2-5: #B0A2C2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-berry-blush-2": {
        1: "#8B0000",
        2: "#ADD8E6",
        3: "#F0FFFF",
        4: "#2F4F4F",
        5: "#B0A2C2",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#ADD8E6

Color 3#F0FFFF

Color 4#2F4F4F

Color 5#B0A2C2

Accessibility

Contrast checker

6.6:1AA

9.7:1AAA

1.1:1Fail

4.2:1AA18

6.6:1AA

1.5:1Fail

5.8:1AA

1.6:1Fail

9.7:1AAA

1.5:1Fail

8.7:1AAA

2.3:1Fail

1.1:1Fail

5.8:1AA

8.7:1AAA

3.7:1AA18

4.2:1AA18

1.6:1Fail

2.3:1Fail

3.7:1AA18

Similar palettes

More like Winter Berry Blush

View all cool

Frosted Winter Berries