Surf palette
Punchy Garret
From #4b94cd ink through #009eb8, #00a396, #3cbbd5 to #3cc0b2 light, Punchy Garret is a monochromatic progression that holds together at any size. Use it for fintech onboarding that must feel both safe and modern.
tealsurffive-stop
#4b94cd
#009eb8
#00a396
#3cbbd5
#3cc0b2
The generator opens with #4b94cd as the primary and the next two stops as secondary and accent — adjust, check contrast, and export tokens or CSS from there.