Sage green gradient backgrounds

Download a free sage green gradient background in HD. Sage is the muted, gray-toned green (around hex #9CAF88) that has become the go-to calm aesthetic, and the backgrounds below render it with soft film grain, from deep moss shadows to milky sage light. Roll the dice for endless new ones. No sign-up, free for commercial use.

Generate your own

Every roll creates a new sage green gradient in this style. Download it, or open it in the editor for full control.

Phone downloads are 1290x2796, desktop 1920x1080. Free to use, also commercially.

Open this gradient in the full editor

Download sage green gradient backgrounds

Hand-tuned sage green gradients, rendered by the editor's engine. Pick one and download it in HD.

Sage green grainy gradient background 1 with hex #7a8f6f, #b2c3a3
Sage green grainy gradient background 2 with hex #8a9c7c, #c1cfb2
Sage green grainy gradient background 3 with hex #6e8263, #d8e2cc
Sage green grainy gradient background 4 with hex #829572, #b8c8a9
Sage green grainy gradient background 5 with hex #75896a, #a9bc98
Sage green grainy gradient background 6 with hex #7d9170, #bccdad
Sage green grainy gradient background 7 with hex #7a8f6f, #b2c3a3
Sage green grainy gradient background 8 with hex #8a9c7c, #c1cfb2
Sage green grainy gradient background 9 with hex #6e8263, #d8e2cc
Sage green grainy gradient background 10 with hex #829572, #b8c8a9
Sage green grainy gradient background 11 with hex #75896a, #a9bc98
Sage green grainy gradient background 12 with hex #7d9170, #bccdad

Sage green hex codes

These are the core hex codes behind the gradients on this page. Click one to copy it.

Sage green is a desaturated green with a gray undertone, named after the herb. It became popular exactly because it is quiet: it reads as natural and warm without demanding attention. The trick with a sage gradient is keeping that softness while avoiding flatness, so every background here runs from a deep moss base through true sage mid-tones to a warm off-white.

The renders come from a WebGL shader with organic noise and OKLab blending, finished with fine grain. That gives sage the linen-like texture it deserves, rather than the plastic look of a flat CSS blend.

Frequently asked questions

What is the hex code for sage green?

The most used sage green is #9CAF88, with #B2C3A3 as a lighter and #7A8F6F as a deeper variant. The gradients on this page run from a moss base #161D15 through those sage tones to a warm off-white.

Are these sage green backgrounds free to download?

Yes. Every sage green gradient on this page is free to download in HD, for personal and commercial projects, no attribution and no account needed.

What resolution are the downloads?

You can download each gradient as a 1920x1080 desktop image or a 1290x2796 phone wallpaper, rendered on the spot at full quality. The full World of Gradients editor also exports up to 5K with custom sizes.

Can I customize a sage green gradient?

Yes. Use the dice on this page to generate endless sage green variations, or open any gradient in the editor to fine-tune the colors, grain, contrast and effects.

What colors go with sage green?

Cream, terracotta, warm beige and soft white are the classic partners; that combination is the core of the sage aesthetic. For contrast, charcoal or walnut brown keep it grounded without breaking the calm.

More gradients

All gradient backgrounds Grey gradient phone wallpapers Blue gradient backgrounds Dark beige gradient backgrounds Red gradient backgrounds Free gradient generator CSS gradient generator

Want full control? One plan, everything included

The full editor adds effects, custom sizes, 5K export and your own library. Every plan starts with a 14-day free trial. No credit card required.

Monthly €3/monthexcl. VAT
  • Unlimited gradients
  • Unlimited possibilities
  • Export in 5K
  • Use presets
  • Share with friends
Start free trial
2 months free
Yearly €30/yearexcl. VAT
  • Unlimited gradients
  • Unlimited possibilities
  • Export in 5K
  • Use presets
  • Share with friends
Start free trial