Tropical palette
Heather Pier
From #8c3f74 ink through #b76a9d, #d585b9, #df9ac6 to #fdb6e3 light, Heather Pier is a split-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.
magentatropicalfive-stop
#8c3f74
#b76a9d
#d585b9
#df9ac6
#fdb6e3
The generator opens with #8c3f74 as the primary and the next two stops as secondary and accent — adjust, check contrast, and export tokens or CSS from there.