Skip to content
ChromaBrew
Go Pro

Storybook palette

Umber Harbor

From #9f3a30 ink through #cb675a, #ea8374, #f2988b to #ffbeb4 light, Umber Harbor is a analogous progression that holds together at any size. Use it for craft brewery cans lined up in a cooler door. The darkest and lightest stops clear AA for large text.

redstorybookfive-stop
#9f3a30
#cb675a
#ea8374
#f2988b
#ffbeb4

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