Vulcan
#36383c
Crisp, cool neutral gray with disciplined contrast
About Vulcan
Vulcan looks like a dark gray that stayed disciplined. Next to Artist's Charcoal, it reads cooler and more purely neutral, with less hint of warmth in the shadows. Compared to Do Not Disturb, it has a slightly tighter, more substantial surface, so panels don't feel like they're being gently "flattened." And against Ebony, it doesn't carry that extra grounded midtone weight.
I use Vulcan when I need a dark-mode base that stays calm under dense UI: design systems, editor sidebars, and long-running settings screens in SaaS products. It's especially good for dashboards and media review interfaces where you're stacking metadata rails, status pills, and secondary cards for hours without the background drifting into either chill or grit. Pair it with crisp whites and cool-to-neutral accents, and keep borders a touch more deliberate than you would for the other near-blacks.
If you put saturated warm accents on top, Vulcan won't soften them the way the warmer charcoal does, so plan your contrast and spacing intentionally.
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.
