The color of water with no bottom, so dark it borders on black ink.
Wet Slate Pier
#1E3A52
rgb(30, 58, 82)
A weathered dock post holding the memory of every tide that's touched it.
Harbor Fog
#3C5A72
rgb(60, 90, 114)
The soft gray-blue haze that swallows ship outlines past the breakwater.
Cold Current
#5E7E93
rgb(94, 126, 147)
A mid-tone drift suggesting movement beneath a calm surface.
Lantern Haze
#8BA3B0
rgb(139, 163, 176)
The pale ring where a dock light softens into the surrounding dark.
Seafoam Whisper
#B7C8CC
rgb(183, 200, 204)
A faint wash left behind where waves have just receded from stone.
Moonlit Mist
#DCE6E4
rgb(220, 230, 228)
Thin cloud cover catching just enough light to glow from within.
There's a particular quiet that settles over working harbors after the last boat ties off for the night, and these seven blues trace that exact hour. Abyssal Navy and Wet Slate Pier sit low and heavy, doing the work of deep water and old timber, while Cold Current and Harbor Fog introduce just enough lift to keep the eye moving rather than sinking. By the time you reach Moonlit Mist at the top of the range, the tension has mostly dissolved into something closer to held breath than alarm. Nothing here shouts; the whole set operates in a register of low murmurs and slow pulses, the visual equivalent of a foghorn two miles out.
Sponsors
Logistics and shipping brands have an obvious home in these tones, but so do sleep apps, meditation platforms, and any product trying to signal competence without coldness. A financial services firm could lean on Abyssal Navy and Wet Slate Pier for headers and navigation, borrowing their gravity to suggest stability rather than severity. Hospitality projects — boutique hotels, night-tour operators, cocktail bars with a maritime bent — might flip the hierarchy, letting Lantern Haze and Seafoam Whisper carry more surface area so the darker shades read as accent rather than backdrop. Editorial sites covering climate, oceans, or long-form investigative work could use the full gradient as a section-by-section mood shift, deepening as the reading gets heavier.
Contrast is where this set rewards attention: pairing Abyssal Navy directly against Moonlit Mist produces crisp, almost architectural separation, useful for call-to-action buttons or pull quotes that need to register fast. The middle tones — Harbor Fog, Cold Current, Lantern Haze — handle transitional UI elements like cards, dividers, and secondary navigation without fighting for attention. Keep body copy on the lighter end of the spectrum against the two darkest backgrounds to protect readability, and reserve Seafoam Whisper for hover states or subtle highlights rather than large fills, since it loses definition fast against anything paler than itself. Export the full hex and RGB set below for Figma, CSS variables, or print specs in one pass.
