Skip to content
ChromaBrew
Go Pro

Bauhaus palette

Cocoa Ridge

Cocoa Ridge runs #00556d through #0080a2, #349cbf, #5aaac8 to #77c6e5 in five measured steps, the triadic 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.

cyanbauhausfive-stop
#00556d
#0080a2
#349cbf
#5aaac8
#77c6e5

The generator opens with #00556d 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 bauhaus palettes →