Frozen Mammoth
#dfd9da
Icy, desaturated gray with mammoth-cold undertone for sidebars
About Frozen Mammoth
Frozen Mammoth is lighter than everything else in this family, almost bleached out next to Forgotten Mosque or Dolce Pink. It's got that same soft gray-pink underneath, but the lightness changes the whole math. Where those other shades sit comfortably as backgrounds, this one hovers closer to white without actually being white. It's the shade that reads almost invisible until you put it next to something darker.
You'll reach for this in minimal layouts, light-mode interfaces, and editorial designs where you need a background that feels softer than true white but won't carry visible color. Health platforms, SaaS onboarding, typography-heavy layouts. It pairs well with medium and dark grays because the contrast actually reads. Put it next to Forgotten Mosque and suddenly you see the pink in both, but Frozen Mammoth stays quieter, more neutral-leaning. It's the one I use when I want warmth that almost isn't there.
The quirk: on certain screens it'll flatten against actual whites. Test it in your final medium first. It also does something useful next to warm blacks and taupe, it doesn't fight them the way a cool gray would. But if your palette is already reading too pale, this one won't save you. It'll just disappear.
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.