Skip to content
ChromaBrew
Go Pro

Storybook palette

Steely Square

Five stops tuned to sit together without fighting — #822a00 ink anchors the set, #ff9a76 opens it up, and #c04406, #df6130, #e67a53 cross the middle in a complementary arrangement. Steely Square suits wellness apps where the interface must feel calm, not clinical. The darkest and lightest stops clear AA for large text.

orangestorybookfive-stop
#822a00
#c04406
#df6130
#e67a53
#ff9a76

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