Skip to content
ChromaBrew
Go Pro

Citrus palette

Spruce Courtyard

Spruce Courtyard runs #5e6500 through #879000, #a2ac34, #b1bb5d to #ced87a in five measured steps, the split-complementary 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.

yellowcitrusfive-stop
#5e6500
#879000
#a2ac34
#b1bb5d
#ced87a

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