Sparkling Snow
#f5fefd
Brighter, cleaner cool-gray for high-clarity surfaces
About Sparkling Snow
I keep noticing how Sparkling Snow reads like the first frame after a snowstorm. It's not the crisp, almost aggressive cool of pure white. It's that airy, near-white gray that feels pulled slightly away from both the harsher edge of Cold White and the faintly inviting softness of Polar Bear in a Blizzard.
In practice, this is the one you reach for when a UI needs clarity without shouting. Think dashboards and finance apps that are packed with numbers, healthcare screens where secondary surfaces should stay quiet, and dense tables where you don't want the background competing with the content. Against darker panels it gives you legibility that feels restrained, but unlike the colder neighbor, it keeps a touch more body, so it doesn't look paper-thin.
Pair it with mid and warm grays rather than icy cyans. If you stack it next to Bubbles-like tones, it can look slightly gray-green instead of clean snow.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
