Skip to content
ChromaBrew
Go Pro

Storybook palette

Overcast Courtyard

From #9a3a00 ink through #d45b1c, #f4783e, #fa9062 to #ffba9e light, Overcast Courtyard is a complementary progression that holds together at any size. Use it for indie game interfaces with a strong day-night rhythm. The darkest and lightest stops clear AA for large text.

orangestorybookfive-stop
#9a3a00
#d45b1c
#f4783e
#fa9062
#ffba9e

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