Skip to content
ChromaBrew
Go Pro

Ocean palette

Topaz Harbor

Topaz Harbor runs #004c4f through #00777c, #319297, #549fa3 to #71bcc0 in five measured steps, the split-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.

cyanoceanfive-stop
#004c4f
#00777c
#319297
#549fa3
#71bcc0

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