Black Knight
#010b13
Deepest neutral black-gray for high-contrast UI
About Black Knight
Black Knight sits between Black Stallion and Black Pearl, but it doesn't feel like a compromise. It's got slightly more oxygen than Stallion, you won't mistake it for the lights being off, but it refuses the flatness that Pearl settles into. There's a warmth underneath, just enough to keep it from feeling sterile, which means it actually has personality while staying dark enough to disappear.
This is the one I reach for when I need a background that works in dark mode editorial, design tools, and monitoring interfaces without turning the whole thing cold and clinical. Unlike Cinder's warmer brown-tinted presence or Black Pearl's almost-invisible quality, Black Knight holds its ground. It reads as intentional. Pair it with bright, saturated accents and it'll make them sing without that mechanical edge that Stallion brings.
The catch: at this darkness level, your type contrast and visual hierarchy are doing all the heavy lifting. The background won't save you if your information design is weak.
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.