Skip to content
ChromaBrew
Go Pro

Storybook palette

Pine Beacon

From #762505 ink through #a15036, #bf6b50, #c77f67 to #e69a82 light, Pine Beacon is a tetradic progression that holds together at any size. Use it for fintech onboarding that must feel both safe and modern. The darkest and lightest stops clear AA as a text pair.

redstorybookfive-stophigh-contrast
#762505
#a15036
#bf6b50
#c77f67
#e69a82

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