Diesel
#322c2b
Reddish-brown deep gray for Diesel-toned night UI
About Diesel
I think Diesel is the gray that looks calm until you put it next to other darks. Compared to Dark Charcoal, it feels a touch heavier and more muted, with less of that clean charcoal restraint. Next to Havana, it doesn't drift brown. It stays tighter and cooler in the shadows, like a workshop wall that never picks up warm light.
Diesel lands in the sweet spot for dark UI where you want depth without looking "almost black." It's my go-to for log review panels, operations dashboards, and monitoring screens that need dense text to stay readable and consistent across lots of states. It also works well behind editorial timelines, subtitle review galleries, and waveform or QC interfaces, because it won't fight the colors you're checking. Pair it with medium grays for hierarchy, and bring in accents for action and status.
Quirk: because it's fairly low-saturation, thin borders can disappear fast, so I usually lean on spacing and slightly bolder strokes where it matters, not just contrast. If you need max severity like After Dark, Diesel won't give you that same depth.
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.