Weathered Stone

#c4c5c6

Softer, slightly warmer light gray for calm surfaces

Save
Share

About Weathered Stone

On my desk, Weathered Stone reads like sun-faded concrete dust on the face of a divider. It's a light gray with a slightly gritty, muted finish, but unlike it doesn't sit heavy or pavement-dark. And unlike , it doesn't feel workmanlike and perfectly neutral. This one carries a soft, steady warmth that keeps it from turning bluish under bright UI glare.

I use it when I want separation that stays calm in motion. Think admin dashboards and operations portals where panels need to look clean without feeling like 's refrigerator-cool wash. It's especially good for table headers, empty-state shells, and card gutters in logistics, insurance, and property management UIs, where you want "not quite white" structure but not that bluish undertone that brings. The saturation stays restrained, so it won't fight your icons or form borders.

Quirk: next to very cool grays, it can look a touch warmer, so I'll either keep neutral text to match or shift the border one step cooler to hold hierarchy.

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
1.73:1Fail

On Gray 100 #f5f5f5

Aa
1.59:1Fail

On Gray 900 #18181b

Aa
10.25:1AAA

On Black #000000

Aa
12.15:1AAA

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

#c6c6c2
#c0c3c4
#c1c2c3
#c8c2be

Create a gradient with Weathered Stone

Open the generator with this color pre-loaded.

Start creating