What are the hex codes in the Snow Day palette?

The Snow Day color palette consists of Snow #F7FBFF, Ice #D7E6F2, Dusty Blue #7FA7C9, Charcoal #243B53.

How should I use the Snow Day palette on a website?

Use Snow #F7FBFF as the background, Charcoal #243B53 for text, Ice #D7E6F2 for buttons and links, and Dusty Blue #7FA7C9 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Snow on Charcoal at 11.06:1.

Which colors in Snow Day have enough contrast for text?

The highest-contrast pair is #F7FBFF on #243B53 with a ratio of 11.06:1, which passes WCAG AA for normal text.

#F7FBFFSnow

#D7E6F2Ice

#7FA7C9Dusty Blue

#243B53Charcoal

Snow Day color palette

Winter Muted Cold Minimal White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Snow	`#F7FBFF`	`rgb(247, 251, 255)`	`hsl(210, 100%, 98%)`	`oklch(98.6% 0.007 248)`
Ice	`#D7E6F2`	`rgb(215, 230, 242)`	`hsl(207, 51%, 90%)`	`oklch(91.7% 0.023 242)`
Dusty Blue	`#7FA7C9`	`rgb(127, 167, 201)`	`hsl(208, 41%, 64%)`	`oklch(71.2% 0.066 245)`
Charcoal	`#243B53`	`rgb(36, 59, 83)`	`hsl(211, 39%, 23%)`	`oklch(34.5% 0.051 250)`

Why it works and how to use it

Snow Day is a monochromatic color palette tagged winter, muted, cold. All four colors sit within 4° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.

With 3 chromatic colors, Ice takes the lead while the rest support. Lightness runs from 23% to 98%. Well suited to websites, presentations and branding.

Background: Snow (#F7FBFF) is the lightest color, so it belongs on large surfaces.
Text: Charcoal (#243B53) on #F7FBFF gives 11.06:1, passing WCAG AAA.
Primary: Ice (#D7E6F2) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dusty Blue (#7FA7C9) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Snow on Charcoal at 11.06:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Snow Day

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#F7FBFF

#D7E6F2

#7FA7C9

#243B53

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#F7FBFF` on `#243B53`	Aa	11.06:1	AAA
`#D7E6F2` on `#243B53`	Aa	9.03:1	AAA
`#7FA7C9` on `#243B53`	Aa	4.53:1	AA
`#F7FBFF` on `#7FA7C9`	Aa	2.44:1	Fail
`#D7E6F2` on `#7FA7C9`	Aa	1.99:1	Fail
`#F7FBFF` on `#D7E6F2`	Aa	1.22:1	Fail

Similar palettes 24 more in this mood