Skip to content
ChromaBrew
Go Pro

Storybook palette

Maple Square

Maple Square runs #8e3918 through #ba6446, #d87f60, #e19479 to #ffb095 in five measured steps, the tetradic structure keeping every neighbor honest. Reach for it for dashboards where status colors must survive color-vision differences. The darkest and lightest stops clear AA for large text.

orangestorybookfive-stop
#8e3918
#ba6446
#d87f60
#e19479
#ffb095

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