Skip to content
ChromaBrew
Go Pro

Acid palette

Cocoa Courtyard

Cocoa Courtyard runs #543700 through #855a00, #a1742a, #ab854b to #c8a166 in five measured steps, the complementary 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 as a text pair.

orangeacidfive-stophigh-contrast
#543700
#855a00
#a1742a
#ab854b
#c8a166

The generator opens with #543700 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 acid palettes →