Green gradient background
This green gradient moves diagonally from fresh light green to deep sea green. Greens like these suit nature, health and eco topics, and the darker end gives you somewhere to put light text.
Free, no sign-up. Runs in your browser. Nothing you type or upload is sent to us or stored.
At a glance
- White text on seagreen (#2e8b57)
- 4.2:1, which falls short of the 4.5:1 WCAG AA minimum for normal-size text
- Source: w3.org, checked 2026-11
Want a page that already looks finished?
A free Liite page comes with 15 themes, from soft sunset tones to plain black and white, plus gradient and pattern wallpapers of your own. Pick one, add your links, and your page is live at liite.co/yourname.
Green gradient background: what to know
This page starts the background generator for this case. For every option and how to use it, see the background generator.
CSS green isn't bright green
The CSS name green gives a mid-dark #008000. The bright screen green is called lime (#00ff00). White text on sea green just misses the 4.5:1 guideline, so use it for large headings only, or darken the last stop to dark green (#006400) for body text.
Questions
What is the hex code for green in CSS?
green is #008000. For pure bright green use lime, #00ff00.
Can I make a dark green gradient?
Yes. Swap light green for sea green and set the last stop to a very dark green such as #0b3d2e.