Skip to content
ChromaBrew
Go Pro

Storybook palette

Cocoa Garret

Cocoa Garret runs #a41836 through #d2505f, #f26d79, #f8868e to #ffb2b5 in five measured steps, the split-complementary structure keeping every neighbor honest. Reach for it for fintech onboarding that must feel both safe and modern. The darkest and lightest stops clear AA for large text.

redstorybookfive-stop
#a41836
#d2505f
#f26d79
#f8868e
#ffb2b5

The generator opens with #a41836 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 →