Shattered Ice
#daeee6
Frosted, desaturated mint-gray for high-clarity panels
About Shattered Ice
On my monitor, Shattered Ice feels like a frosty shard held up to daylight. It's extremely light, but it doesn't go milky or near-white. The saturation is restrained, so instead of "soft haze" it reads as clean, cold gray with a slightly fractured, high-key texture.
Compared to Light Spirited, it's a touch more icy and more decisive, less airy and sea-glass gentle. Against Homoeopathic Blue, it steers clear of that subtle blue pull, staying more neutral-cool. And Icelandic Winter feels crisper and more wind-taught, while this one is smoother and quieter, more about brightness than sharp frost. I like it for light-mode panels in healthcare portals, telehealth intake flows, and consumer SaaS where you need backgrounds that stay readable next to form fields and helper text, including dashboards and finance apps that need a calm frame without looking washed out.
One note: place it next to a slightly darker gray surface, or it can visually flatten cards and section headers fast.
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.