Volcanic Island
#605244
Earthy mid-gray with muted red-brown grit
About Volcanic Island
Volcanic Island reminds me of a rock edge after a misty wipe down: gray first, but with a grounded, earthy undertone that never reads cleanly cool. It's medium-dark and slightly warm, yet not as brown-forward as Major Brown. Compared to Metropolis, it won't show that faint greenish restraint; instead it stays more neutral-brown at the edges. And against Heavy Charcoal, it feels less like a disappearing void and more like a steady surface that still shows grain.
I reach for it when UI needs weight without looking heavy, especially in admin consoles for e-commerce ops, content management dashboards, and property or logistics systems where charts sit next to dense tables. The shade works well behind muted editorial photos and product detail imagery where pure grays can feel a little sterile. Use it with off-whites or warm light text and let accents lean earthy, like clay, copper, or softened slate.
If you pair it with very bright, icy blues, it can start to look dull fast, so keep those accents slightly warmer.
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.