Nero
#252525
Softer near-black gray for calm, low-contrast UI
About Nero
Nero is what you get if you take a black coat and sand it back so it stops feeling glossy and starts feeling matte. It's a deep gray that holds onto a cool, slightly bluish cast, so it doesn't drift into the brown-shadow mood of Go to Hell Black. And unlike Dire Wolf, it doesn't stay visibly slate, it presses closer to near-black without crossing the line into Carbon Fibre's almost-disappearing neutrality.
I reach for it when the UI needs real authority but I still want edges to read clean on top. Think dense admin panels in SaaS, mapping and log viewers in dev tools, and the dark surfaces in streaming and publishing platforms where you want controls to feel grounded. It's my go-to for dark mode navigation chrome because it doesn't feel like a void, and it won't undercut typography the way warmer darks can.
Pair Nero with mid grays and desaturated accents, and keep the highlights slightly restrained. If you throw in rusty browns next to it, the cool undertone gets muted fast.
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.