Ocean Breeze Palette

Shallow tropical water over white sand, not deep-sea blue.

#03045E

deep-water anchor

HSL 239° 94% 19%

17.8:1 on white

#0077B6

primary brand blue

HSL 201° 100% 36%

4.9:1 on white

#48CAE4

active/accent

HSL 190° 74% 59%

1.9:1 on white

#90E0EF

light fill

HSL 190° 75% 75%

1.5:1 on white

#CAF0F8

near-white background

HSL 190° 77% 88%

1.2:1 on white

Using this palette

The trick with a water palette is resisting the urge to make everything saturated — real shallow ocean water is pale near the shore and only gets rich in the deep channel, which is why four of these five hexes are light and only #03045E carries real weight. Use #0077B6 as the workhorse brand blue for buttons and headers, #48CAE4 for hover/active states, and reserve #03045E for body text or a footer band where you need actual contrast. #CAF0F8 makes a good page background — it's close enough to white to not fight content, but warmer than a flat #FFFFFF.