A near-black blue like water under a pier at 2 a.m.
Wet Slate
#1B2C42
rgb(27, 44, 66)
Cool and weighty, close to the color of a rain-soaked dock plank.
Channel Buoy
#2B4C6F
rgb(43, 76, 111)
A steady mid-blue reminiscent of a navigation marker bobbing offshore.
Signal Lamp
#3E6E93
rgb(62, 110, 147)
Brighter and clearer, like a lantern cutting through low fog.
Harbor Mist
#7FA8C2
rgb(127, 168, 194)
A soft, hazy blue with the flatness of morning fog over water.
Pale Wake
#C6DCE6
rgb(198, 220, 230)
The faint blue-white left in the wake trail of a passing boat.
Midnight Harbor leans into the specific darkness of water at night rather than a generic navy — Ink Depth and Wet Slate sit close together in value, so the palette holds a dense, almost airless quality before Channel Buoy opens things up. Signal Lamp does the real work here, giving the set a single point of visual heat against all that cool weight. There's an industrial calm to the sequence, more shipping container than sailboat, more concrete pier than sandy beach. It feels watchful and a little solitary, the kind of blue you'd associate with a night shift rather than a vacation photo.
Sponsors
The darker three colors read well for maritime logistics, freight, or marine hardware brands that need to signal seriousness without going corporate-navy-generic — Ink Depth and Wet Slate can carry large surfaces without feeling flat. Signal Lamp works as an accent for CTAs or icons where you want a single warm-cool pop against the darker ground. Harbor Mist and Pale Wake are useful for editorial or hospitality contexts — think boutique hotel sites near water, or packaging for something meant to feel coastal without leaning coastal-cliché pastel. Together the six give enough range to build a full interface, from dark-mode backgrounds to light card surfaces.
Pair Ink Depth with white type sparingly; it's dark enough that thin font weights can lose legibility, so favor medium or semibold text at smaller sizes. Channel Buoy makes a solid default link or button color since it holds contrast against both the darkest and lightest members of the set. Keep Pale Wake for backgrounds rather than text — its low saturation means it disappears against white but reads clearly as a tinted surface behind darker content. If you're building charts or data visualization, the even value steps here make this a workable sequential scale without needing to invent intermediate tones.
