Cool Winter Color Palette: Icy Blues & Jewel Tones (Hex Codes)

A cool winter color palette captures the crisp, clear beauty of a winter landscape — icy blues, frosty silvers, snowy whites, and deep jewel tones like sapphire and berry. These cool, high-contrast colours feel elegant, calm, and a little dramatic, which makes them a favourite for winter campaigns, premium brands, and clean modern interfaces.

Below you will find ready-to-use cool winter palettes with hex codes, plus copy-paste CSS. For warmer seasonal options, compare these with our fall color palette, or browse the full PaletteCSS library.

What makes a winter palette "cool"?

Cool colours have blue, green, or purple undertones, as opposed to the red, orange, and yellow undertones of warm palettes. A cool winter scheme leans into those icy undertones and pairs them with high contrast — think bright white snow against a deep navy sky. The result feels sharp and sophisticated rather than cosy.

The term also appears in seasonal colour analysis, where "Cool Winter" is one of the twelve colour seasons used to describe the shades that flatter a person with cool, high-contrast colouring. The same principles apply to design: cool, clear, fairly saturated colours with crisp contrast.

Typical cool winter ingredients are:

• Icy blues and silvers — the frosty base.
• Crisp white — snow-bright highlights.
• Deep jewel tones — sapphire, emerald, and berry for richness.
• Charcoal or near-black — for dramatic contrast.

6 cool winter color palettes (with hex codes)

1. Icy Blue

Soft frost fading into deep winter sky.

#E8F1F8 · #BBD6EA · #7FB0D4 · #3E7CA8 · #1B3A5B

2. Winter Jewel

Cool neutrals with rich sapphire and berry.

#F2F4F7 · #2E5E8C · #1B4965 · #5C2A4E · #7D1935

3. Frosted Silver

A quiet, monochromatic cool-grey winter.

#FFFFFF · #D6E4EC · #9DB4C0 · #5E7A88 · #2B3A42

4. Deep Cool Winter

High-contrast navy and ice — crisp and elegant.

#ECEFF4 · #8FA9C4 · #3A6EA5 · #243B6B · #11182B

5. Berry & Ice

Cool blues warmed by a deep winter berry.

#EAF2F8 · #A8C5DA · #4A7BA6 · #8E2D52 · #4B1733

6. Silver & Sapphire

Polished, premium, and very wintry.

#F4F6F8 · #C7D3DD · #6E8CA0 · #2F5C8A · #14233B

How to use cool winter colors in CSS

Save the palette as CSS variables for a crisp, cool theme:

:root {
  --ice:      #E8F1F8;
  --frost:    #7FB0D4;
  --sapphire: #2F5C8A;
  --midnight: #14233B;
}

body { background: var(--ice); color: var(--midnight); }

A cool diagonal gradient feels like winter light:

.hero {
  background: linear-gradient(135deg, #E8F1F8 0%, #3E7CA8 60%, #1B3A5B 100%);
}

Tips for designing with cool winter colors

• Lean into contrast. Pair bright whites with deep navy or charcoal for that crisp winter feel.
• Keep undertones cool. Avoid warm beiges or oranges, which break the icy mood.
• Use jewel tones as accents. A touch of sapphire or berry adds richness without losing the cool base.
• Let it breathe. Generous white space reinforces the clean, snowy aesthetic.

Frequently asked questions

What colors are in a cool winter palette?

Icy blues, silver, crisp white, and deep cool jewel tones like sapphire, emerald, and berry, often anchored by charcoal or navy for contrast.

What is a good icy blue hex code?

For a soft icy blue try #BBD6EA or #7FB0D4; for a deep winter navy use #1B3A5B.

Is a cool winter palette warm or cool?

It is firmly cool — the colours have blue and purple undertones, which is what gives the palette its crisp, frosty character.

Want more? Browse color palettes, explore what colours go with blue, or build a cool winter gradient and copy the CSS.