Skip to content
ChromaBrew
Go Pro

Surf palette

Cocoa Harbor

From #a70014 ink through #d54843, #f5665e, #fb8077 to #ffafa6 light, Cocoa Harbor is a split-complementary progression that holds together at any size. Use it for book covers that read at thumbnail size. The darkest and lightest stops clear AA for large text.

redsurffive-stop
#a70014
#d54843
#f5665e
#fb8077
#ffafa6

The generator opens with #a70014 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 →