Good Night!
#46565f
Softer cool-gray that reads restful, not abyssal
About Good Night!
Good Night! is the gray that actually looks intentional without trying. It's lighter and less saturated than Fiord, which means it reads softer, less steel, more breath. You won't mistake it for a neutral default, but it won't demand attention either. The kind of shade that disappears into the system the moment it's doing its job right.
Pull this one for secondary surfaces in healthcare platforms, financial dashboards, and admin interfaces where you need distinction without drama. Form backgrounds, disabled states, subtle layer separation, anywhere you're stacking information and need a quiet visual break. It pairs cleanly with dark typography and won't fight with accent colors the way cooler, heavier grays sometimes do.
The thing: it sits noticeably lighter than both Blindfolded and Abyssal, so if your palette is already leaning dark, test it early against your deepest backgrounds. But if you need something that feels chosen instead of convenient, this is the one that actually lands there.
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.