Arsenic
#3b444b
Neutral mid gray with earthy arsenic undertone for charts
About Arsenic
Arsenic is the gray I notice on a drafting wall when the lights are dim but you still want the page edges to feel crisp. It sits between the lighter, more neutral feel of the family and the heavier darks, reading cool-headed but not icy. Compared to Abyssal, it doesn't recede as aggressively, and compared to Dead Forest it's less weighty and less saturated, more measured than slate. It also avoids Dark Crypt's deeper, bezel-like heaviness.
In practice, I use it for data-heavy interfaces where panels need structure without stealing attention: analytics workspaces in healthcare ops, log viewers in cybersecurity teams, and admin screens for billing and inventory systems. It's especially handy as a base layer for forms, tables, and side rails, so your mid-gray dividers still look like separate decisions. The one you reach for when you want dark mode to feel intentional, not mournful.
Pair it with clean, slightly brighter grays for hierarchy; if you stack it with very cool neighbors, it can start to feel flat and a bit disciplined, like everything is lined up too tightly.
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.