Skip to content
ChromaBrew
Go Pro

Surf palette

Cypress Pier

Cypress Pier runs #ab3c00 through #df6534, #ff8252, #ff9d79 to #ffc9b5 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.

orangesurffive-stop
#ab3c00
#df6534
#ff8252
#ff9d79
#ffc9b5

The generator opens with #ab3c00 as the primary and the next two stops as secondary and accent — adjust, check contrast, and export tokens or CSS from there.

Related palettes

Browse all surf palettes →