Skip to content
ChromaBrew
Go Pro

Ocean palette

Twilit Square

Twilit Square runs #006846 through #179668, #40b282, #66bf95 to #83dcb1 in five measured steps, the monochromatic structure keeping every neighbor honest. Reach for it for wellness apps where the interface must feel calm, not clinical. The darkest and lightest stops clear AA for large text.

tealoceanfive-stop
#006846
#179668
#40b282
#66bf95
#83dcb1

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