Palette

Frosted Winter Berry

Deep reds and hints of frosty white capture the beauty of berries sparkling under a winter chill.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#C70039#FF6347#E6E6FA#F0F8FF

Palette guide

How to use Frosted Winter Berry

Overview

The Frosted Winter Berry palette offers a striking contrast between vibrant, deep berry reds and serene, icy whites, perfect for evoking a sophisticated winter aesthetic. Featuring a rich #8B0000 (Dark Red), a bold #C70039 (Crimson), and a softer #FF6347 (Tomato), these warm tones are beautifully balanced by the delicate coolness of #E6E6FA (Lavender Blush) and the crisp lightness of #F0F8FF (Alice Blue). This combination is ideal for designs that aim to be both energetic and calming, capturing the beauty of berries sparkling under a fresh winter chill. Designers can leverage its versatility to create impactful visuals with clear hierarchy and a touch of seasonal elegance, ensuring a memorable user experience across various digital and print applications.

Best used for

Seasonal e-commerce promotions (winter sales, holiday collections)
Festive event invitations and branding
Cozy blog or website themes with a winter feel
Branding for gourmet food or beverage products (e.g., wine, jams)
Editorial design for lifestyle magazines
UI elements requiring clear calls to action amidst a soft background

Suggested color roles

primary

A deep, commanding presence for main branding elements or key visual areas. Use #8B0000 for headings or prominent buttons.

secondary

A vibrant, passionate hue that complements the primary, suitable for sub-headings or interactive elements. #C70039 works well here.

accent

A warm, inviting highlight for calls to action, small icons, or interactive states. #FF6347 adds a pop of energy.

background

A light, ethereal base that provides ample breathing room and a frosty feel. #F0F8FF is excellent for main backgrounds.

text

For dark text, use a near-black or very dark gray for readability against lighter backgrounds. For light text on dark backgrounds, #F0F8FF provides good contrast.

Accessibility notes

Ensure sufficient contrast between #8B0000, #C70039, or #FF6347 and light backgrounds like #E6E6FA or #F0F8FF for text readability.
Avoid placing #E6E6FA text directly on #F0F8FF backgrounds, as contrast will be insufficient for most users.
Use #8B0000 or #C70039 for critical text elements on lighter backgrounds to meet WCAG AA standards.
Verify contrast ratios for all text and interactive elements, especially when using lighter reds on mid-tone backgrounds.

Recommended combinations

Vibrant Contrast

Ideal for high-impact headers and calls to action against a clean, frosty background.

#8B0000 · #C70039 · #F0F8FF

Soft Glow

Creates a gentle, warm, and inviting feel, suitable for subtle highlights and serene sections.

#FF6347 · #E6E6FA · #F0F8FF

Deep Berry Focus

Highlights key information with deep red, accents with lively orange, all grounded by a soft white.

#8B0000 · #FF6347 · #E6E6FA

CSS variables

:root {
  --frosted-winter-berry-4-1: #8B0000;
  --frosted-winter-berry-4-2: #C70039;
  --frosted-winter-berry-4-3: #FF6347;
  --frosted-winter-berry-4-4: #E6E6FA;
  --frosted-winter-berry-4-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-winter-berry-4": {
        1: "#8B0000",
        2: "#C70039",
        3: "#FF6347",
        4: "#E6E6FA",
        5: "#F0F8FF",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#C70039

Color 3#FF6347

Color 4#E6E6FA

Color 5#F0F8FF

Accessibility

Contrast checker

1.7:1Fail

3.4:1AA18

8.1:1AAA

9.3:1AAA

1.7:1Fail

2:1Fail

4.9:1AA

5.6:1AA

3.4:1AA18

2:1Fail

2.4:1Fail

2.7:1Fail

8.1:1AAA

4.9:1AA

2.4:1Fail

1.1:1Fail

9.3:1AAA

5.6:1AA

2.7:1Fail

1.1:1Fail

Similar palettes

More like Frosted Winter Berry