Mysterious Night
A serious, dusty indigo with matte character
Mysterious Night is a dusty, muted indigo that carries a serious, matte finish. Because of its desaturated, almost grey character, #5c6070 functions best as a sophisticated, moody background or a grounding neutral. It pairs well with crisp, high-contrast whites, which pop against this tone with a 6.2:1 ratio. The hex code for this cool, subdued shade is #5c6070.
About Mysterious Night
Storm light through a smudged window
What does mysterious night mean?
This greyed indigo often suggests dusk, overcast weather, and the stillness at the end of the day. Its low saturation and dim, mid-dark value read as quiet and grounded, more shadowed than sad.
Where you see mysterious night
- faded denim
- storm clouds
- graphite pencil marks
- slate rooftops
- worn wool coats
- cast iron pans
What it works for
Use it for moody backgrounds, muted UI surfaces, winter branding, and text or shadows that need a softer edge than black.
What colors go with mysterious night?
Dusty Rose #b56f76The pink's soft warmth lifts the grey-blue and keeps the pairing from turning cold.Cream #fffdd0Warm off-white gives this dark shade room to breathe and sharpens its depth.Sage #9caf88Muted green shares its low saturation, so both colors sit together without strain.Mustard #ffdb58A small hit of yellow cuts through the gloom and adds welcome warmth.Terracotta #e2725bEarthy red-orange sits opposite on the wheel, creating a balanced, rustic contrast.
Questions about Mysterious Night
What is the hex code for Mysterious Night?
Mysterious Night is #5c6070. In RGB that is rgb(92, 96, 112), in HSL hsl(228, 10%, 40%) and in CMYK 18%, 14%, 0%, 56%.
Is Mysterious Night readable on white or black?
Mysterious Night has a 6.24:1 contrast ratio on white and 3.36:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.