Flint Rock
#989493
Muddy cool mid-gray for restrained, Cortex-leaning contrast
About Flint Rock
Flint Rock is the gray that actually looks like stone, cooler and flatter than Earl Grey, without the warmth that makes those browns feel intentional. It's darker than Cortex but less aggressive than Chorus of Elephants. This is a color that sits still. No tension. No work to do.
You reach for it in dense information hierarchies: dashboards, data tables, configuration panels, anywhere the background needs to disappear completely behind the content. It works in editorial layouts too, especially when you're running dark type or cool-toned imagery and you need something neutral that won't introduce unexpected warmth. Unlike Cathedral or Cortex, which feel lighter and more approachable, Flint Rock has enough darkness to anchor space without asking for attention.
The thing to watch: pair it with type that has real contrast. Mid-tones will flatten against it. But saturated accents read clean and intentional, and photography with cool or desaturated palettes sits on it without friction.
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.