Back to palettes

Palette

Winter Berry Frost

Icy blues meet deep berry tones, capturing the crisp beauty of a winter morning.

coolcalm5 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

#C1D0D9#8FAFC2#5C8CA9#A63F5B#6D2E3E

Palette guide

How to use Winter Berry Frost

Overview

The Winter Berry Frost palette captures the crisp beauty of a winter morning, where icy blues meet deep berry tones. It features a light #C1D0D9, a refreshing #8FAFC2, a strong #5C8CA9, and impactful berry shades like #A63F5B and the profound #6D2E3E. This palette is ideal for designers and developers seeking to create a sophisticated, cool, and modern aesthetic. It excels in projects that demand clarity, elegance, and a touch of natural charm, making it suitable for corporate branding, winter sports apparel, modern web interfaces, or refined editorial design.

Best used for

  • Crisp corporate branding
  • Winter sports apparel design
  • Modern web interfaces
  • Sophisticated editorial design
  • Elegant product packaging
  • Digital art and illustration

Suggested color roles

primary

#5C8CA9 serves as a strong, cool primary color, suitable for main branding elements and core UI components.

secondary

#8FAFC2 provides a lighter, refreshing secondary color for supporting visuals or subtle accents.

accent

#A63F5B offers a striking berry accent, perfect for key calls-to-action, highlights, or interactive states.

background

#C1D0D9 delivers a light, cool background, providing a clean and spacious canvas for content.

text

#6D2E3E 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 #6D2E3E text on the #C1D0D9 background meets WCAG contrast standards for optimal readability.
  • Be cautious when using #8FAFC2 for small text on light backgrounds; reserve it for larger text or decorative elements.
  • Always test interactive elements (buttons, links) for contrast in all states (normal, hover, active).
  • For #A63F5B text, ensure it has enough contrast against lighter backgrounds like #C1D0D9.

Recommended combinations

Modern UI

Use #C1D0D9 as a clean background, #5C8CA9 for main headings, and #6D2E3E for body text.

#C1D0D9 · #5C8CA9 · #6D2E3E

Accent Card

Design a card with #8FAFC2 as the background, #A63F5B for the title, and #6D2E3E for supporting text.

#8FAFC2 · #A63F5B · #6D2E3E

Interactive Button

Create a button with #A63F5B background, #C1D0D9 text, and #6D2E3E for a subtle border or icon.

#A63F5B · #C1D0D9 · #6D2E3E

CSS variables

:root {
  --winter-berry-frost-1: #C1D0D9;
  --winter-berry-frost-2: #8FAFC2;
  --winter-berry-frost-3: #5C8CA9;
  --winter-berry-frost-4: #A63F5B;
  --winter-berry-frost-5: #6D2E3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-berry-frost": {
        1: "#C1D0D9",
        2: "#8FAFC2",
        3: "#5C8CA9",
        4: "#A63F5B",
        5: "#6D2E3E",
      }
    }
  }
}

Related searches

icy blue berry designcrisp winter palettecool red blue schememodern frosted colorsserene blue and red

Palette colors

Hex values

Color 1#C1D0D9
·
Color 2#8FAFC2
·
Color 3#5C8CA9
·
Color 4#A63F5B
·
Color 5#6D2E3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.8:1AA18
6.3:1AA
2
1.5:1Fail
1.6:1Fail
2.6:1Fail
4.3:1AA18
3
2.3:1Fail
1.6:1Fail
1.7:1Fail
2.7:1Fail
4
3.8:1AA18
2.6:1Fail
1.7:1Fail
1.7:1Fail
5
6.3:1AA
4.3:1AA18
2.7:1Fail
1.7:1Fail

Similar palettes

More like Winter Berry Frost

View all cool
Frost Kissed Berries
Frosted Winter Berries
Frosted Winter Berries
Frosted Winter Berry
Frosted Winter Berry
Frosted Winter Sprig