Winter Color Palette
Snow white, ice blue, steel blue, deep navy, pine green and cranberry red, the cool, crisp colors of winter.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#F4F8FB
#BFD7EA
#5E88B0
#1F3A5F
#1F4B43
#8E1B32
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #F4F8FB | T - | T - | |
| #BFD7EA | T - | T - | |
| #5E88B0 | T - | T - | |
| #1F3A5F | T - | T - | |
| #1F4B43 | T - | T - | |
| #8E1B32 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.
Winter CSS Code
oklch(97.7% 0.0059 239.82) oklch(86.73% 0.0369 241.85) oklch(61.21% 0.0768 247.99) oklch(34.67% 0.0731 256.69) oklch(37.91% 0.0508 179.85) oklch(42.63% 0.149 15.8)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Winter palette?
Snow white, ice blue, steel blue, deep navy, pine green and cranberry red, the cool, crisp colors of winter.
How do I turn the Winter palette into a CSS gradient?
Use background: linear-gradient(to right, #F4F8FB, #BFD7EA, #5E88B0, #1F3A5F, #1F4B43, #8E1B32);, or click "Make it a gradient" above to open it in the live generator.