Eiffel Tower
#998e83
Muted cool gray with taupe warmth, not sandy
About Eiffel Tower
Eiffel Tower sits lighter than both Earl Grey and Chorus of Elephants, which means it won't anchor a layout the way those deeper grays do. It's got warmth underneath, enough brown to feel intentional, not enough to read as tan. This is a gray that's still genuinely gray, just one that breathes a little.
Reach for it in interfaces that need to recede slightly: design tools, long-form content platforms, editorial layouts where the work needs room to breathe. Unlike Argent's dead-center neutrality, Eiffel Tower actually leans warm. Unlike Earl Grey's obvious weight, it doesn't demand attention. It reads lighter and airier than its darker cousins, which makes it work in spaces where you need a sophisticated background without the heaviness. Pair it with mid-tone type and it still holds. Pair it with dark accents and they land clean.
The catch: it's light enough that very pale text can struggle. But if you're building something that needs warmth and restraint at once, the gray that feels chosen but not fussy, this is the one.
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.