Skip to content
ChromaBrew
Go Pro

Storybook palette

Spruce Garret

Spruce Garret runs #004961 through #007396, #318eb2, #549cbb to #70b9d8 in five measured steps, the complementary structure keeping every neighbor honest. Reach for it for indie game interfaces with a strong day-night rhythm. The darkest and lightest stops clear AA as a text pair.

cyanstorybookfive-stophigh-contrast
#004961
#007396
#318eb2
#549cbb
#70b9d8

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