Skip to content
ChromaBrew
Go Pro

Ocean palette

Leaden Beacon

From #004f3e ink through #007b63, #32967d, #55a38d to #72c0a8 light, Leaden Beacon is a tetradic progression that holds together at any size. Use it for wellness apps where the interface must feel calm, not clinical. The darkest and lightest stops clear AA for large text.

tealoceanfive-stop
#004f3e
#007b63
#32967d
#55a38d
#72c0a8

The generator opens with #004f3e 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 →