Skip to content
ChromaBrew
Go Pro

Citrus palette

Cocoa Patio

From #7c5100 ink through #b17500, #ce9132, #d8a35a to #f6c077 light, Cocoa Patio is a split-complementary progression that holds together at any size. Use it for wellness apps where the interface must feel calm, not clinical. The darkest and lightest stops clear AA for large text.

orangecitrusfive-stop
#7c5100
#b17500
#ce9132
#d8a35a
#f6c077

The generator opens with #7c5100 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 citrus palettes →