Winter Color Palette

Updated April 17, 2026

A crisp winter color palette — snow white, icy blue, slate, and evergreen. Hex codes for holiday branding and calm, minimal designs.

The Winter Palette

• Fresh Snow #F8FAFC rgb(248, 250, 252) hsl(210, 40%, 98%)
• Frost #CBD5E1 rgb(203, 213, 225) hsl(213, 27%, 84%)
• Slate Sky #64748B rgb(100, 116, 139) hsl(215, 16%, 47%)
• Charcoal #334155 rgb(51, 65, 85) hsl(215, 25%, 27%)
• Evergreen #0F3B2E rgb(15, 59, 46) hsl(162, 59%, 15%)
• Winter Night #0C1F1A rgb(12, 31, 26) hsl(164, 44%, 8%)

Hex Codes at a Glance

#F8FAFC, #CBD5E1, #64748B, #334155, #0F3B2E, #0C1F1A

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This winter palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.