Surf palette
Topaz Square
Topaz Square runs #ab3700 through #dd6236, #fd7f53, #ff9977 to #ffc6b2 in five measured steps, the split-complementary structure keeping every neighbor honest. Reach for it for restaurant branding that works on signage and receipts alike. The darkest and lightest stops clear AA for large text.
orangesurffive-stop
#ab3700
#dd6236
#fd7f53
#ff9977
#ffc6b2
The generator opens with #ab3700 as the primary and the next two stops as secondary and accent — adjust, check contrast, and export tokens or CSS from there.