Winter Color Palette
Frost white, ice blue and glacier with slate, evergreen and a deep night blue. Crisp and quiet, like a snowy morning in the mountains.
Click any color to copy its HEX code.
Winter color codes
| Name | HEX | RGB | HSL | |
|---|---|---|---|---|
| Frost | #F1F5F9 | 241, 245, 249 | 210°, 40%, 96% | |
| Ice Blue | #C9DDEB | 201, 221, 235 | 205°, 46%, 85% | |
| Glacier | #8FB3CC | 143, 179, 204 | 205°, 37%, 68% | |
| Slate | #4F6D84 | 79, 109, 132 | 206°, 25%, 41% | |
| Evergreen | #2E4A3F | 46, 74, 63 | 156°, 23%, 24% | |
| Night | #1C2433 | 28, 36, 51 | 219°, 29%, 15% |
How to use this palette
A simple way to use 6 colors without chaos is the 60-30-10 rule: about 60% of the space in the lightest shade, 30% in a supporting color and 10% in the accent. For this palette that is Frost (#F1F5F9) as the base, Ice Blue (#C9DDEB) as the supporting color and Glacier (#8FB3CC) as the accent, with Night (#1C2433) for text and fine details.
Winter
A quick preview of the palette with base, text and accent colors.
Glacier Ice BlueWhere it works
Readable text color pairs
These combinations reach a contrast ratio of at least 4.5:1, the WCAG AA level for normal text, so they are safe for text on websites, posters and invitations.
- Night on Frost#1C2433 on #F1F5F9 · 14.2:1
- Night on Ice Blue#1C2433 on #C9DDEB · 11.1:1
- Evergreen on Frost#2E4A3F on #F1F5F9 · 8.8:1
- Night on Glacier#1C2433 on #8FB3CC · 7.0:1
- Evergreen on Ice Blue#2E4A3F on #C9DDEB · 6.9:1
- Slate on Frost#4F6D84 on #F1F5F9 · 5.0:1
CSS variables
:root {
--frost: #F1F5F9;
--ice-blue: #C9DDEB;
--glacier: #8FB3CC;
--slate: #4F6D84;
--evergreen: #2E4A3F;
--night: #1C2433;
}