Narwhal Grey
#080813
Softer cool gray for calm, readable depth
About Narwhal Grey
Narwhal Grey looks like a dim break in the room lights: not void-black, but not "designer light" either. It lands in that gray zone where the surface feels smooth and slightly smoky, with a cooler, cleaner undertone than the inkier Dark Rift. Compared with Midnight Oil and Eight Ball, it's less navy-heavy and less night-inky; it reads more even and more matter-of-fact, like it's holding the UI steady rather than adding mood.
I reach for it on dark mode editor surfaces and timeline backdrops where you need long text blocks and waveforms to stay calm without getting washed. It's also great for broadcast graphics control rooms and video post monitoring panels, especially for gutters, sidebar areas, and large control backgrounds where hierarchy should feel precise, not harsh.
Quirk: because it's a touch lighter and less "blue-leaning" than the darkest entries, your dividers and hover states can be kept closer to the same value range. Pair it with near-black accents so focus stays on labels and readouts, not on the gray itself.
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.