Young Night
#232323
Slightly lighter, cooler midnight gray for balanced contrast
About Young Night
Look at a matte keyboard deck under dim shop lights. Young Night lands in that in-between space: deep gray, but not as close to near-black as the other darknesses, and it stays more neutral than the cooler-leaning versions.
At #232323 it reads almost like a low-noise night surface. There's a calm, slightly soft undertone that makes dividers and panel edges feel deliberate without the bluish depth you notice in Nero or the slate-forward presence of Dire Wolf. I use it for dark mode navigation chrome, dense data tables, and the quiet scaffolding around components in streaming, publishing, and editorial tools where you don't want the UI to feel heavy.
Pair it with mid grays and desaturated accents; if you swap in warmer browns, it can start to look muddier than you intended. Compared to Lead, it's a touch less "grit-under-a-lamp" and more steady, so it works harder for long sessions and lots of adjacent panels.
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.
