Surf palette
Opal Pier
Opal Pier runs #00565a through #008288, #349ea4, #5aabb0 to #77c8cc in five measured steps, the complementary structure keeping every neighbor honest. Reach for it for dashboards where status colors must survive color-vision differences. The darkest and lightest stops clear AA for large text.
cyansurffive-stop
#00565a
#008288
#349ea4
#5aabb0
#77c8cc
The generator opens with #00565a as the primary and the next two stops as secondary and accent — adjust, check contrast, and export tokens or CSS from there.