A near-black blue pulled from the deepest part of the shipping channel after sunset.
Harbor Slate
#1F4A5F
rgb(31, 74, 95)
A weathered blue-gray with the dull sheen of wet dock pilings.
Tidal Current
#2E6E7E
rgb(46, 110, 126)
A steady mid-tone blue-green that reads as moving water under overcast sky.
Kelp Teal
#3E8A8C
rgb(62, 138, 140)
A saturated teal lifted from seaweed swaying in a shallow tide pool.
Brackish Foam
#8FC1BE
rgb(143, 193, 190)
A muted aqua softened by the cloudy mix of fresh and salt water near shore.
Seafoam Mist
#D6EDE7
rgb(214, 237, 231)
A barely-there green-white, the color of sea spray drying on sun-bleached rock.
Tidewater Blue sits in that narrow visual territory between blue and green where estuary water actually lives, nothing as clean as a tropical lagoon, nothing as cold as open ocean. Deep Channel Navy and Harbor Slate carry the weight of the set, dense enough to read as dusk water or wet stone. Kelp Teal pushes the middle toward something more alive, almost plant-like, while Brackish Foam and Seafoam Mist thin the mix out until it's closer to mist than liquid. The whole range feels tidal rather than static, like it was mixed at a specific hour rather than chosen off a wheel.
Sponsors
The darker end does heavy lifting for anything coastal that needs to feel earned rather than decorative, think dock-town breweries, marine supply shops, or outdoor gear built for actual weather. Kelp Teal works as the loud color in an otherwise restrained system, useful on a button or a single callout without overwhelming the page. Seafoam Mist and Brackish Foam handle backgrounds and whitespace for spa, wellness, or coastal real estate work where the tone needs air to breathe. Editorial projects covering marine science, sailing, or tide-dependent industries can lean on the full range to signal place without resorting to anchor icons or rope borders.
Pair Deep Channel Navy with Seafoam Mist for body text on light backgrounds; the contrast holds up fine for long-form reading and clears standard accessibility checks at normal sizes. Harbor Slate makes a solid secondary navigation color next to a white or Seafoam Mist canvas, understated but still distinct from pure black. Kelp Teal is the color to isolate for hover states, icons, or a single accent line, since overusing it flattens the depth the rest of the palette is built on. Save Brackish Foam for large fill areas like section dividers or card backgrounds where it can sit quietly instead of competing with text.
