Storybook palette
Tranquil Beacon
From #00676f ink through #00949f, #39b0bb, #62bec7 to #80dbe4 light, Tranquil Beacon is a complementary progression that holds together at any size. Use it for wellness apps where the interface must feel calm, not clinical. The darkest and lightest stops clear AA for large text.
cyanstorybookfive-stop
#00676f
#00949f
#39b0bb
#62bec7
#80dbe4
The generator opens with #00676f as the primary and the next two stops as secondary and accent — adjust, check contrast, and export tokens or CSS from there.