Skip to content
ChromaBrew
Go Pro

Surf palette

Harbor Clearing

Harbor Clearing runs #006957 through #00977e, #39b399, #62c0a9 to #80ddc5 in five measured steps, the analogous structure keeping every neighbor honest. Reach for it for wellness apps where the interface must feel calm, not clinical. The darkest and lightest stops clear AA for large text.

tealsurffive-stop
#006957
#00977e
#39b399
#62c0a9
#80ddc5

The generator opens with #006957 as the primary and the next two stops as secondary and accent — adjust, check contrast, and export tokens or CSS from there.

Related palettes

Browse all surf palettes →