White Elephant
#dedee5
Cool, near-white gray with muted blue-gray hush
About White Elephant
I keep coming back to White Elephant when a screen needs to feel like it has breathing room, but not that chalky, purely white lift. It's a very light gray that stays largely neutral, with just enough softness to avoid looking sterile. What sets it apart from Festive Ferret is there's no purple warmth trying to sneak in, and compared with Jupiter, it doesn't keep that overly crisp, daylight cool. It reads warmer than pure white, without turning beige.
I use it for dashboards and finance apps when the card surface should sit slightly back from the primary content. Think healthcare portals, admin settings, CMS listing pages, and the quiet backgrounds behind tables that still need to look intentional. It's also solid for disabled states and secondary panels where you want separation without creating an obvious section.
If you pair it with deeper grays, keep an eye on charcoal borders. Too much contrast can make this shade feel thinner than it is, so let the hierarchy come from spacing more than from harsh lines.
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.