Night Market
#4c6177
Cooler, lighter slate-blue for airy night panels
About Night Market
Night Market reads like a calm blue ink wash on wet concrete at street level, darker than a mid blue but not as heavy as Dark Blue. Compared to Midnight Shadow's steel dusk, this one leans more toward a muted, evening teal, with a softer saturation that feels less like a foundation and more like a background that still has texture.
I reach for it in dashboards and finance apps when I need secondary surfaces, card bodies, and table gutters that don't compete with primary actions. It also works well in healthcare UI beyond the obvious headers, like empty state panels, filters, and form section dividers, especially when you want the interface to feel collected rather than urgent. Compared with Mississippi River, Night Market is a touch calmer and less waterline-cool, so it holds together when the layout gets busier.
Pair it with crisp off-whites and muted cool grays; if you put it next to Dark Blue, let Night Market take the quieter blocks and reserve Dark Blue for the "one thing" that must pop.
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.