Underworld
#1e231c
Deep olive-gray grounding dark UI panels
About Underworld
On a dark theme mockup, Underworld reads like the moment your background stops feeling like a surface and starts acting like a void you can't quite see into. Compared to Bitter Liquorice, it keeps the depth but softens the "almost-true-black squint" with a steadier gray core. Versus Marshland, it doesn't gain earthy lift or surface realism. And next to Oil, it avoids that screen-coating coolness, staying flatter and more restrained.
I use it when I need maximum contrast without going full black for long-form reading canvases, video editing interfaces, and newsroom CMS backdrops where typography has to stay the headline. It's also strong for data-heavy dashboards and finance UI where bright badges, selection states, and light icons carry the hierarchy cleanly. It's the one you reach for when multiple panels should disappear so the content feels sharply framed.
Pair it with slightly warm whites or clean off-whites, otherwise it can feel a touch severe next to very neutral grays.
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.