Olympus White
#d4d8d7
Bright neutral white-gray for crisp, calm layouts
About Olympus White
I see Olympus White show up as that "clean" page background that still has a hint of softness, like printer paper that never quite went blue. It's in the Gray family, but it sits closer to neutral warmth than Ghost Whisperer's near-skinny quiet, and it doesn't carry Aquatic Edge's subtle green push. Compared to Ice Dagger's cool wash, Olympus White feels a touch more grounded and less misty, with slightly higher presence while staying very light.
I use it for light, high-key surfaces where you want the layout to feel open without turning into glare: marketing site hero shells, documentation skins, and product onboarding screens. It's also my go-to for SaaS settings panes and dashboards and finance apps when the primary focus is elsewhere and you need a background that doesn't steal attention or drift cooler than the typography.
Quick pairing note: it holds up next to medium grays better than Ghost Whisperer does, but if your borders are too faint, it can blur into them fast. Keep the structure a little firmer.
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.