Blackwater
#545663
Darker charcoal gray for grounded UI hierarchy
About Blackwater
Blackwater is the gray that actually absorbs light instead of reflecting it back at you. It's darker and substantially more saturated than Concrete Landscape or Cloak Grey, those sit in the upper midtones where they still feel like they're part of the room. This one's closer to the bottom of the gray range, the kind of color you reach for when the background itself needs to disappear entirely.
Use it in dark-mode design tools, media players, and data-heavy applications where lighter grays would create too much visual noise. Code editors, video editing suites, photography software, any interface where you're asking someone to stare at it for eight hours and you don't want the surface fighting what's on top of it. It's warmer than Abandoned Spaceship's cold mechanical feel, but darker and deeper than Alley Cat, which means it reads less like a chosen design decision and more like a void, the kind of neutral that lets color, imagery, and type actually breathe.
The trade-off: you're committing to bright accents and crisp contrast. Mid-tone elements will vanish against it. But that constraint is actually the point, if you're using Blackwater, you're probably not interested in subtle layering anyway.
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.