Skip to content
ChromaBrew
Go Pro

Ocean palette

Cocoa Pier

Cocoa Pier runs #7a67ab through #a36331, #008872, #9581c8 to #35a48d in five measured steps, the split-complementary structure keeping every neighbor honest. Reach for it for wellness apps where the interface must feel calm, not clinical.

tealoceanfive-stop
#7a67ab
#a36331
#008872
#9581c8
#35a48d

The generator opens with #7a67ab 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 ocean palettes →