Skip to content
ChromaBrew
Go Pro

Storybook palette

Cocoa Beacon

Five stops tuned to sit together without fighting — #790011 ink anchors the set, #f97f79 opens it up, and #b3272d, #d34747, #d9635f cross the middle in a complementary arrangement. Cocoa Beacon suits wellness apps where the interface must feel calm, not clinical. The darkest and lightest stops clear AA as a text pair.

redstorybookfive-stophigh-contrast
#790011
#b3272d
#d34747
#d9635f
#f97f79

The generator opens with #790011 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 storybook palettes →