Wolfram
#b5b6b7
Neutral warm gray for softer, less steel UI
About Wolfram
Wolfram reads like a brushed, slightly tired metal badge under office lighting: clearly gray, a touch lighter than rougher road tones, and not as cool-blue as refrigerator-adjacent grays. Compared to Stainless Steel, it feels more matter-of-fact and less "wiped-clean" reflective, so it doesn't look finished, it looks steady. Compared to Rough Asphalt, it lifts the weight and smooths the grit. And versus Icebreaker, it stays more neutral than bluish, even when the UI around it is cold.
I use it when the layout needs warmer than pure white contrast but still wants a calm, dependable backbone. It's strong for panel backgrounds, table row bases, and filter bars in dashboards and finance apps, especially when the product has to look tidy without drifting clinical. It also works well in ops and logistics screens for status headers and sidebar sections where you want separation that feels the one you reach for when the grays must stay balanced, not icy.
Quirk: next to very cool grays, Wolfram holds its neutrality. If your hierarchy starts to look flat, nudge borders or type a fraction cooler to keep the stack crisp.
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.