Skip to content
ChromaBrew
Go Pro

Storybook palette

Toasted Courtyard

From #006883 ink through #0095b9, #3ab1d6, #64bfdf to #81ddfd light, Toasted Courtyard is a split-complementary progression that holds together at any size. Use it for bike-shop liveries that survive mud and sun. The darkest and lightest stops clear AA for large text.

cyanstorybookfive-stop
#006883
#0095b9
#3ab1d6
#64bfdf
#81ddfd

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