Skip to content
ChromaBrew
Go Pro

Ocean palette

Twilit Pier

Twilit Pier runs #007456 through #0da37b, #40c096, #69cca8 to #87eac4 in five measured steps, the analogous structure keeping every neighbor honest. Reach for it for national-park posters with layered mountain silhouettes. The darkest and lightest stops clear AA for large text.

tealoceanfive-stop
#007456
#0da37b
#40c096
#69cca8
#87eac4

The generator opens with #007456 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 ocean palettes →