Skip to content
ChromaBrew
Go Pro

Storybook palette

Harbor Crossing

Harbor Crossing runs #a8360e through #d56544, #f4815f, #fb987b to #ffc3b1 in five measured steps, the complementary structure keeping every neighbor honest. Reach for it for yoga studio schedules pinned to a corkboard. The darkest and lightest stops clear AA for large text.

redstorybookfive-stop
#a8360e
#d56544
#f4815f
#fb987b
#ffc3b1

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