Detective Coat
#8b8685
Steadier medium gray with a muted warm bias
About Detective Coat
Detective Coat looks like it's been lived in. It's warmer than Flint Rock but doesn't have the deliberate restraint of Chorus of Elephants, there's actual personality buried in the taupe undertone, enough to keep the background from feeling cold or austere. It sits lighter than both those neighbors, which means it breathes instead of anchors.
This is the gray for editorial tools, content platforms, and design apps where you need the interface to recede without disappearing entirely. It works in financial dashboards and reporting interfaces too, especially when you're pairing it with warm photography or tan-toned charts. Unlike Cortex, which splits the difference between warm and cool so completely it becomes neutral, Detective Coat picks a side, it's distinctly warm, while staying professional enough not to compete with your actual content.
The catch: that warmth means it'll play against cool-toned imagery in ways Flint Rock won't. But if your palette already leans toward naturals and earth tones, this is the one that doesn't fight back.
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.