Dire Wolf
#282828
Dark, neutral charcoal with a slightly warmer hush
About Dire Wolf
Dire Wolf (#282828) looks like slate dust packed into a shadow, not like polished black. It's darker than Carbon and Carbon Fibre, but it stays visibly gray rather than falling into that almost-black, disappear-into-it feeling. Where Carbon reads calm and competent, Dire Wolf feels a bit more grounded and deliberate, with a cooler, quieter undertone that keeps it from turning brown as it darkens.
I use it when the UI needs depth without the void. Think dark mode interfaces for product settings, dense admin screens, and reading-heavy editorial sites where borders, dividers, and panels need to hold shape. It also plays nicely in dashboards and finance apps, but it won't carry the extra weight that Go to Hell Black brings. The shade difference matters: Carbon Fibre feels like it's meant to vanish, while Dire Wolf feels like it stays present enough to frame content.
Pair it with clean light grays and slightly desaturated accents, and avoid leaning it next to very warm browns, which can make it feel dull fast.
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.
