Skip to content
ChromaBrew
Go Pro

Storybook palette

Opal Beacon

From #9a533f ink through #5b63a2, #2e7a51, #b76d58 to #4b966b light, Opal Beacon is a complementary progression that holds together at any size. Use it for dashboards where status colors must survive color-vision differences.

greenstorybookfive-stop
#9a533f
#5b63a2
#2e7a51
#b76d58
#4b966b

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