High Sierra
#cedee2
Brighter, cooler gray-blue for airy panels
About High Sierra
High Sierra reads as the gray that's already made a decision about temperature. It's cooler and more saturated than Drifting Cloud, which means it won't disappear the moment you pair it with white. But it's not trying to be a color the way Bare Minimum does, it's just a gray that actually looks like a deliberate choice instead of a default.
Reach for it in medical dashboards, SaaS secondary panels, and editorial backgrounds where you need a surface that feels present without temperature wavering. It sits between Bare Minimum's blue-green push and Goddess's near-invisibility, landing on that useful spot where it holds its own without begging for attention. Pair it with darker neutrals or saturated accents and it keeps working. It's the one you reach for when the space needs to feel like workspace, not borrowed air.
The thing: it's the least forgiving of the bunch if your contrast is already thin. Next to near-white elements it can blur. But swap in something with actual weight, darker grays, real color, structured content, and it becomes the most versatile gray you've got.
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.