Skip to content
ChromaBrew
Go Pro

Earthy palette

Cocoa Beacon

Cocoa Beacon runs #b42200 through #e65438, #ff795e, #ff967f to #ffc3b6 in five measured steps, the analogous structure keeping every neighbor honest. Reach for it for museum exhibition graphics with long sightlines. The darkest and lightest stops clear AA for large text.

redearthyfive-stop
#b42200
#e65438
#ff795e
#ff967f
#ffc3b6

The generator opens with #b42200 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 earthy palettes →