Wolf Pack
#78776f
Cooler, deeper gray with muted wolf undertones
About Wolf Pack
I keep thinking of Wolf Pack as the gray on the inside of a busy backroom door, where the light hits after hours and the surface looks more protective than clean. It's a medium-light gray with a calmer, slightly woolly feel than the weathered, olive-brown softness of Mangrove, and it's not as steadied and muted as Organic. Compared to Moon Base, Wolf Pack sits a touch more outward, less cool-with-a-pocketful-of-dust, so it doesn't retreat from active UI accents.
I reach for Wolf Pack when the interface needs quiet presence without slipping into olive-brown dullness or cool restraint. It plays well in logistics dashboards, fleet dispatch consoles, and newsroom asset management screens where you're balancing dense lists with legible hierarchy. The undertone reads neutral-gray first, with just enough warmth to keep panels from looking clinical next to sharper highlights.
Pair it with near-whites that are neutral rather than strongly warm, and use it as your base when you want separation that feels grounded but still responsive.
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.