Dusky Mood
#979ba8
Deeper, slightly bluish gray for restrained backgrounds
About Dusky Mood
Dusky Mood sits darker than Ethereal Mist and Cosmic, which means it actually has weight. It's not trying to recede or apologize for existing, there's a muted, slightly cool undertone that keeps it from sliding into warmth the way Happy Cement does. This is the gray that shows up when you need a surface that feels intentional without being loud.
Use it for secondary backgrounds in dashboards, design tools, and healthcare platforms where you want clear visual separation without drama. Card containers, sidebar backgrounds, disabled button states, form sections that need to breathe but still anchor the layout. It pairs cleanly with both cool and neutral accent colors because it doesn't demand anything from them. Unlike Happy Cement, there's no cream whisper here, this is grounded and direct.
The quirk: it's dark enough that it reads differently depending on what surrounds it. Pair it with lighter grays and it becomes the anchor. Pair it with darker neutrals and suddenly it's the breathing room. That flexibility is exactly why it works.
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.