Tangled Web
#b2b2b2
Soft neutral gray, slightly warmer than ash
About Tangled Web
On a screen, Tangled Web reads like a soft, cloudy mid-gray that stays steady when other grays start to feel beige or too close to white. It's lighter than a lot of the deeper options in this family, but it doesn't turn neutral-and-flat the way Silver Lining can. Compared to Ashes to Ashes, it feels cooler and a touch more muted, so it won't warm up the page.
I use this in reading-heavy interfaces where you want the background to hold its shape without pulling focus: documentation portals, content management admin screens, and editorial apps with long text blocks. It's a great choice for section headers, side gutters, and table striping in dashboards and finance apps when you still want separation, not glare. It also sits nicely behind product photography, unlike warmer grays that can tint imagery.
The quirk: because it's slightly subdued, it pairs best with darker type and crisp borders. If you run it next to strong warm accents, they'll look a bit more intentional than you might plan.
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.