Storybook palette
Pine Shrine
Five stops tuned to sit together without fighting — #7f3300 ink anchors the set, #f4a580 opens it up, and #af5a2d, #cd7549, #d58964 cross the middle in a analogous arrangement. Pine Shrine suits fintech onboarding that must feel both safe and modern. The darkest and lightest stops clear AA for large text.
orangestorybookfive-stop
#7f3300
#af5a2d
#cd7549
#d58964
#f4a580
The generator opens with #7f3300 as the primary and the next two stops as secondary and accent — adjust, check contrast, and export tokens or CSS from there.