Cement Feet
#7b737b
Warm muted concrete gray with earthy balance
About Cement Feet
Cement Feet sits right at that threshold where gray stops feeling cool and starts feeling slightly warm, but it doesn't commit to either direction. It's softer than Chain Mail without losing its grip on the screen, and it reads as inhabited in a way Abandoned Spaceship never quite manages. You see this shade and immediately think "lived-in professional space," not "technical void."
This is the gray for long-form reading interfaces, healthcare dashboards, product settings pages, anywhere you need a surface that doesn't fatigue the eye but still carries enough weight to anchor a layout. It's warmer and lighter than both Chain Mail and Abandoned Spaceship, which means it won't disappear into a dark-mode aesthetic the way those cooler relatives do. Unlike Cortex, which is deliberately balanced and almost neutral, Cement Feet has a perceptible pulse. There's a slight brownish-gray undertone that makes it feel grounded rather than suspended.
The trade-off: pair it with type that has real contrast, or you'll blur the line between foreground and background. But that restraint is what makes it work, it's the color that knows when to step back and let your content breathe, not the one shouting for attention.
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.