Palette

Winter Berry Crisp

The sharp contrast of deep red winter berries against a backdrop of crisp, icy snow.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B22222#DC143C#F8F8FF#E0FFFF

Palette guide

How to use Winter Berry Crisp

Overview

The Winter Berry Crisp palette captures the sharp contrast of deep red winter berries against a backdrop of crisp, icy snow. This calm yet vibrant collection features a range of rich reds, including dark red (#8B0000), intense crimson (#B22222), and bright scarlet (#DC143C), balanced by the soft, near-white tones of snow (#F8F8FF) and icy blue-white (#E0FFFF). It’s an ideal choice for designers and developers looking to create bold, festive, and visually striking projects. The high contrast and clear distinction between the warm berries and cool snow make it versatile for holiday promotions, seasonal branding, or any design needing a fresh, crisp, and energetic winter feel.

Best used for

Holiday promotions and sales events
Festive packaging and product design
Bold UI elements and calls-to-action
Seasonal editorial and magazine layouts
Vibrant digital art and illustrations
Winter-themed marketing materials

Suggested color roles

primary

Utilize #8B0000 as a deep, grounding red for strong branding, main headers, or impactful content blocks.

secondary

Apply #DC143C for energetic accents, secondary buttons, or large graphic elements, adding a vibrant pop.

accent

Employ #B22222 for emphasis, interactive states, or decorative flourishes, providing a rich mid-tone red.

background

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

text

For optimal legibility on light backgrounds, use #8B0000 or black. On darker reds, white or #F8F8FF ensures clarity.

Accessibility notes

Ensure all red text (#8B0000, #B22222, #DC143C) on #F8F8FF or #E0FFFF backgrounds meets WCAG AA contrast standards.
Avoid using #E0FFFF for small body text on a white background due to insufficient contrast; use for large titles or accents.
Prioritize strong, dark text for critical information on light backgrounds to guarantee readability.
Test color combinations for visual hierarchy, ensuring the vibrant reds are easily distinguishable and not overwhelming.

Recommended combinations

Bold Contrast

Creates a striking, high-contrast look, perfect for hero sections, headlines, or impactful advertisements.

#F8F8FF · #8B0000 · #DC143C

Berry Gradient

Excellent for dynamic red sections, gradient backgrounds, or adding depth to illustrations and graphics.

#8B0000 · #B22222 · #DC143C

Icy Red

Combines a cool blue-white base with strong berry accents, ideal for a fresh and modern winter feel.

#E0FFFF · #DC143C · #8B0000

CSS variables

:root {
  --winter-berry-crisp-1: #8B0000;
  --winter-berry-crisp-2: #B22222;
  --winter-berry-crisp-3: #DC143C;
  --winter-berry-crisp-4: #F8F8FF;
  --winter-berry-crisp-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-berry-crisp": {
        1: "#8B0000",
        2: "#B22222",
        3: "#DC143C",
        4: "#F8F8FF",
        5: "#E0FFFF",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#B22222

Color 3#DC143C

Color 4#F8F8FF

Color 5#E0FFFF

Accessibility

Contrast checker

1.5:1Fail

2:1Fail

9.5:1AAA

1.5:1Fail

1.3:1Fail

6.3:1AA

2:1Fail

1.3:1Fail

4.7:1AA

9.5:1AAA

6.3:1AA

4.7:1AA

1:1Fail

9.5:1AAA

6.3:1AA

4.7:1AA

1:1Fail

Similar palettes

More like Winter Berry Crisp

Winter Berry Crisp

See it in context.

Ready when you are.

Built with Winter Berry Crisp.

How to use Winter Berry Crisp

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Bold Contrast

Berry Gradient

Icy Red

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Winter Berry Crisp