Skip to content
ChromaBrew
Go Pro

Citrus palette

Dappled Harbor

Dappled Harbor runs #8f3f65 through #ba6a8e, #d885aa, #e29ab8 to #ffb7d5 in five measured steps, the analogous 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.

pinkcitrusfive-stop
#8f3f65
#ba6a8e
#d885aa
#e29ab8
#ffb7d5

The generator opens with #8f3f65 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 citrus palettes →