Back to palettes

Palette

Winter Berry Frost

Icy blues paired with deep berry reds, evoking a festive winter garden.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ACC8DD#779BCB#B83C51#7E2636#3E101B

Palette guide

How to use Winter Berry Frost

Overview

The Winter Berry Frost palette blends icy blues with deep berry reds, evoking the elegant atmosphere of a festive winter garden. Featuring a light #ACC8DD, a vibrant #779BCB, and striking berry tones like #B83C51, #7E2636, and the profound #3E101B. This palette is an excellent choice for designers and developers aiming for a sophisticated and cool-toned aesthetic. It's particularly effective for projects that require a sense of luxury, elegance, and a crisp, modern feel, making it suitable for high-end branding, sophisticated event design, or refined digital interfaces.

Best used for

  • Elegant winter branding
  • Sophisticated event design
  • Luxury fashion websites
  • Editorial layouts for lifestyle content
  • High-end product packaging
  • Modern digital interfaces

Suggested color roles

primary

#779BCB serves as a strong, cool primary color, suitable for main branding and large visual elements.

secondary

#B83C51 provides a striking berry red secondary color, ideal for key accents and calls-to-action.

accent

#3E101B offers the deepest contrast, perfect for luxurious details, strong borders, or important text.

background

#ACC8DD delivers a light, icy background, providing a crisp and clean base for content.

text

#3E101B is excellent for body text and headings on light backgrounds, ensuring strong readability with an elegant, dark tone, or a standard black for general use.

Accessibility notes

  • Ensure #3E101B text on the #ACC8DD background meets WCAG contrast standards for optimal readability.
  • Be cautious when using #B83C51 for small text on light backgrounds; ensure sufficient contrast.
  • Always test interactive elements (buttons, links) for contrast in all states (normal, hover, active).
  • For #7E2636 text, ensure it has enough contrast against lighter backgrounds like #ACC8DD.

Recommended combinations

Elegant UI

Use #ACC8DD as the main background, #779BCB for card backgrounds or main sections, and #3E101B for text.

#ACC8DD · #779BCB · #3E101B

Festive CTA

Design a call-to-action button with #B83C51 background, #ACC8DD text, and #7E2636 for a hover state or border.

#B83C51 · #ACC8DD · #7E2636

Header Section

Apply #779BCB as a header background, #ACC8DD for the title, and #3E101B for a subtitle or navigation link.

#779BCB · #ACC8DD · #3E101B

CSS variables

:root {
  --winter-berry-frost-2-1: #ACC8DD;
  --winter-berry-frost-2-2: #779BCB;
  --winter-berry-frost-2-3: #B83C51;
  --winter-berry-frost-2-4: #7E2636;
  --winter-berry-frost-2-5: #3E101B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-berry-frost-2": {
        1: "#ACC8DD",
        2: "#779BCB",
        3: "#B83C51",
        4: "#7E2636",
        5: "#3E101B",
      }
    }
  }
}

Related searches

icy blue berry paletteelegant winter colorsfrosted red bluesophisticated holiday designcool tone winter palette

Palette colors

Hex values

Color 1#ACC8DD
·
Color 2#779BCB
·
Color 3#B83C51
·
Color 4#7E2636
·
Color 5#3E101B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.2:1AA18
5.4:1AA
9.3:1AAA
2
1.6:1Fail
1.9:1Fail
3.3:1AA18
5.7:1AA
3
3.2:1AA18
1.9:1Fail
1.7:1Fail
2.9:1Fail
4
5.4:1AA
3.3:1AA18
1.7:1Fail
1.7:1Fail
5
9.3:1AAA
5.7:1AA
2.9:1Fail
1.7:1Fail

Similar palettes

More like Winter Berry Frost

View all cool
Berry Frost Bloom
Frosted Cranberry Ice
Frosted Pearl Glimmer
Winter Aurora Whisper
Winter Berry Frost
Winter Berry Glaze