CSS Gradient
Forest Gradient
Walk through a dense forest with this gradient. It blends deep evergreen with mossy mid-tones and a touch of golden light, evoking the dappled sunlight of a forest floor. Perfect for environmental brands, outdoor companies, and nature-inspired interfaces.
CSS
background: linear-gradient(135deg, #0b3d0b 0%, #1e7a1e 50%, #90c67c 100%);Color Stops
#0B3D0B
#1E7A1E
#90C67C
Frequently Asked Questions
›What colors make up the forest gradient?
Deep forest green (#0B3D0B), vivid green (#1E7A1E), and soft sage-lime (#90C67C). The progression mimics light penetrating a forest canopy.
›How do I make this gradient darker?
Replace the lightest stop with a darker green, such as #4A8B4A. Or add a fourth stop with near-black green (#041F04) at 0% to deepen the shadow end.
›Is green a good gradient color for buttons?
Yes. Green gradients work well for call-to-action buttons, especially for eco, health, and finance brands where green signals 'go' or 'growth'. Ensure sufficient contrast with button text.
forest gradientforest gradient cssgreen gradientnature gradientdark green gradient