Skip to content
ChromaBrew
Go Pro

Storybook palette

Umber Courtyard

Five stops tuned to sit together without fighting — #712819 ink anchors the set, #df9b8b opens it up, and #9b5242, #b86c5b, #c28070 cross the middle in a analogous arrangement. Umber Courtyard suits fintech onboarding that must feel both safe and modern. The darkest and lightest stops clear AA as a text pair.

redstorybookfive-stophigh-contrast
#712819
#9b5242
#b86c5b
#c28070
#df9b8b

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