Surf palette
Spruce Harbor
From #9f3600 ink through #d55c2b, #f57949, #fb9069 to #ffbca3 light, Spruce Harbor is a split-complementary progression that holds together at any size. Use it for newsletters where the header, links, and footers share one voice. The darkest and lightest stops clear AA for large text.
orangesurffive-stop
#9f3600
#d55c2b
#f57949
#fb9069
#ffbca3
The generator opens with #9f3600 as the primary and the next two stops as secondary and accent — adjust, check contrast, and export tokens or CSS from there.