Nightmare Fuel
#293135
Deep desaturated charcoal-gray for dramatic UI contrast
About Nightmare Fuel
You know that moment when a dark interface stops feeling like a flat charcoal wall and starts showing subtle texture? Nightmare Fuel is that kind of dark. It reads as a deep gray with an almost bluish neutrality, so it doesn't warm up like Cinder and it doesn't go as cool and structural as Black Pearl. It's darker than Graphite Black without turning into a hard, screen-black surface.
I use it when the background needs presence in editorial layouts, video editors' timelines, and streaming or media players where UI chrome should stay out of the way but still look intentional. It's also solid for dashboards and finance apps that want contrast without the brown-ish drift you can get from warmer neighbors, and it stays the one you reach for when alerts, charts, and table text need to stay crisp.
Pair it with clean whites and let your accents carry temperature. If your hierarchy is weak, this shade won't rescue it, but with clear spacing it stays controlled, not cozy, and never drifts into "pure void."
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.