Skip to content
ChromaBrew
Go Pro

Storybook palette

Spruce Square

Spruce Square runs #a04300 through #d16c36, #f08853, #f79e72 to #ffc5aa in five measured steps, the triadic structure keeping every neighbor honest. Reach for it for packaging that photographs well under harsh retail light. The darkest and lightest stops clear AA for large text.

orangestorybookfive-stop
#a04300
#d16c36
#f08853
#f79e72
#ffc5aa

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