Aluminium
#848789
Neutral aluminum gray, cooler than Happy Cement
About Aluminium
Aluminium is the gray that actually shows up. It's darker and more saturated than Crown of Ash or Casper, which means it doesn't disappear into the background the way those cooler, flatter grays do. There's weight here, real presence, but it doesn't carry the blue undertone that Arctic Ice commits to. It sits in that useful middle ground where it works as a secondary surface without needing to recede.
Reach for it in product interfaces, admin dashboards, and design systems where you need a background that holds its own. Form containers, card surfaces, sidebar navigation, anywhere you're building hierarchy without making things feel cold or corporate. It pairs well with both warm and neutral accents because there's enough saturation to give the color substance, but not enough to force a temperature conversation. In healthcare apps and internal tools, it reads as deliberate without being stern.
The real difference: it's more grounded than its lighter neighbors, so it works when you've already got a darker base and need something that doesn't feel like a step backward. Pair it with deep text and it handles contrast. Pair it with lighter elements and it knows how to support without dominating.
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.