Bone-Chilling
#e1f2f0
Pale gray-mint chill for crisp, low-saturation UI blocks
About Bone-Chilling
Bone-Chilling sits in that awkward middle ground where it's too saturated to be invisible, but too pale to feel like a deliberate color move. It's got just enough teal undertone to read as intentional without tipping into clinical. You notice it where Cold White would disappear and where Calm Waters would feel too warm.
Reach for it in SaaS dashboards, healthcare UIs, and financial platforms where you need a background that holds its own but doesn't distract. It works for secondary panels, disabled form states, body text in dark mode, or any layer that needs to feel stable without asserting itself. The saturation gives it more personality than Cold White, but it won't fight your neutral palette the way a proper blue-gray would.
The catch: pair it with cool grays, not warm ones. Throw it next to cream and it'll look washed out. It's the color that works harder when you let it be the cool thing in the room.
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.