About the Coastal Harbor palette
Coastal Harbor pairs #16495A with #1D5C9B and #2150DE for a composed and spacious impression. Its darkest shade, #16495A, anchors the composition while #B9ABE3 supplies the lightest counterpoint; #5B5BEB is the strongest saturation accent. The 4.68:1 contrast between the endpoints helps determine whether those two shades belong in text, decoration, or separate surfaces.
Coastal Harbor is a cool color palette built from blue, indigo tones. It contains five colors: #16495A, #1D5C9B, #2150DE, #5B5BEB, #B9ABE3. The strongest contrast pair in the palette reaches 4.7:1, which is enough for readable body text (WCAG AA).
How to use it
Use the darkest shade for text or backgrounds, the most saturated color for buttons and links, and lighter tones for surfaces and highlights. Copy the CSS variables above, or check any pair in the Contrast Checker.