Skip to content
ChromaBrew
Go Pro

Storybook palette

Toasted Loft

Toasted Loft runs #a94000 through #d76d3f, #f6895b, #fd9f79 to #ffcab5 in five measured steps, the analogous structure keeping every neighbor honest. Reach for it for dashboards where status colors must survive color-vision differences. The darkest and lightest stops clear AA for large text.

orangestorybookfive-stop
#a94000
#d76d3f
#f6895b
#fd9f79
#ffcab5

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