Cement Feet

#7b737b

Warm muted concrete gray with earthy balance

Save
Share

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 without losing its grip on the screen, and it reads as inhabited in a way 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 and , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
4.58:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.21:1FailAA Large

On Gray 900 #18181b

Aa
3.86:1FailAA Large

On Black #000000

Aa
4.58:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#7c7173
#757374
#81777f
#777777
#766d7c

Create a gradient with Cement Feet

Open the generator with this color pre-loaded.

Start creating