Marshland
#2b2e26
Muted cool gray for subdued backgrounds and charts
About Marshland
Marshland is the gray you notice when a dark UI stops looking like "almost black" and starts behaving like an actual surface. It sits a touch lighter than Bitter Liquorice and doesn't feel as ink-compressed as Black Olive, but it also avoids Oil's slick, screen-coating coolness. The undertone trends slightly earthy, so it reads more grounded than the other dark grays.
I use Marshland for dark mode interfaces where you still want depth, but you don't want the background to fight your typography. It's a good fit for dashboards and newsroom CMS layouts, code-heavy admin panels, and video editor timelines when you need a steady base behind thumbnails and panels. Compared to Oil, it stays more neutral, and compared to Bitter Liquorice, it keeps a hint more breathing room.
One quirk: because it's not as near-black as the darkest options, it can look a bit flat next to very crisp whites. If your layout has lots of bright UI chrome, pair it with slightly warmer grays or cleaner, higher-contrast accents.
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.