Vulcanised
#424443
Vulcanised gray, darker and cooler base than Urban Chic
About Vulcanised
Vulcanised is the gray I notice the moment a dark UI stops feeling heavy but doesn't go airy either. It sits around mid-dark, with a neutral-to-slightly-warm cast that keeps it from turning the bluish or foresty direction you get with Moonless Sky or Deep Forest. Compared to Ancient Pine's softer, shade-worn retreat, Vulcanised feels a touch more settled and deliberate, less receding.
I like it for primary UI surfaces where you want text to stay crisp without flirting with near-black contrast. It works in dashboards and finance apps that need calm hierarchy, plus internal tools for logistics, fintech admin panels, and broadcast edit interfaces where you're constantly switching focus. It's also my go-to the one you reach for when dividers, sidebars, and card headers need to feel consistent across a whole product without drifting cooler or greener as the theme scales.
Quirk: it's neutral enough that it won't fight most grays, but next to very warm charcoal it can look slightly muted, so I'll pick borders a half-step lighter or use a warmer neutral highlight.
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.