Emerald Court
Green Gradient Backgrounds
Eight green mesh gradients from bright mint to deep forest, rendered live as CSS below. Green is the color of growth, finance apps that want to feel calm about money, and anything organic — and unlike photography-based backgrounds, these blends stay clean behind text at any size. Copy a design as code, or open it in the editor to bend the palette toward your brand green.
Green shifts personality with lightness more than any other hue: mint reads playful, emerald reads premium, forest reads serious. The set below deliberately spans that range so you can match tone, not just color — and each design leans on a different composition, from a single dominant bloom to a scattered four-node field.
A practical pairing note: greens sit comfortably next to warm neutrals and cream, and clash fastest with saturated reds. If your interface uses red for errors, test it on the design before committing — or nudge the green toward teal in the editor, which defuses the clash.