Dark Rift
#060b14
Bluish almost-black slate for cold, legible depth
About Dark Rift
Dark Rift is the gray you see when a room light is dimmed but not turned off. It stays very near black, yet it doesn't flatten into the void. Compared to Black Knight, it's more restrained and cooler in feel, with less of that faint oxygen and warmth; it reads like deep ink rather than a dark that still has personality.
I like it for dark mode editorial surfaces and deep panel backgrounds where you need long text blocks to feel anchored, not swallowed. In broadcast graphics control rooms and video post monitoring UI, it gives you a stable stage for waveform lanes, dense timelines, and side gutters. It also helps in security and ops dashboards when you want the chrome to stand forward without the whole interface drifting blue-tight like Dark Moon.
Quirk: keep your dividers and hover states slightly lighter than you think. Dark Rift eats contrast fast, so let hierarchy do the work.
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.