Fove
All colors

Botanical calm

Sage Green

Washed herbs, linen paper, and a deep evergreen anchor for quiet digital spaces.

Open in editorsage green gradient

Gradient story

Sage Green

#9DC4B5
Calm, botanical, wellness

Sage green is most useful when it is allowed to stay quiet. It can make a page feel botanical without turning the interface into a garden scene, and it gives slide decks a soft field that still feels intentional. The color sits between warm and cool, which is why it pairs so easily with deep teal, cream, and sand.

In a gradient, sage needs an anchor. A darker green gives the composition structure, while a pale neutral lets the whole surface breathe. Use the darkest region for white headlines, then let body copy sit on the calmer side of the canvas.

Design notes

Use sage green for brands that want calm, care, and restraint. It works best when the supporting palette avoids loud accents and instead repeats natural materials: linen, stone, moss, and ink.

Practical applications

Try it as a full hero background behind a short serif headline, as one side of a split landing page, or as a subtle card background for wellness metrics and care plans.

Live applications

Build a whole visual system from one color.

Remix Sage Green

Background image

Use sage green as the emotional field, then place copy on the anchored side for contrast.

50/50 layout

Let the gradient carry one side of the page while white space keeps the content crisp.

Feature pillars

Repeat the same color logic across cards so a page feels consistent instead of assembled.

Slide cover

A reusable composition from the same color system.

Type field

A reusable composition from the same color system.

Social crop

A reusable composition from the same color system.

Open a ready-made variation

Each preview opens in the editor with the same base color, so you can tune rotation, ratio, texture, and export format.

Frequently asked

Is a sage green gradient readable behind text?

Yes, if the text is placed on the darker or calmer region of the gradient. In Fove, Sage Green is paired with #0E3B43 for contrast and #E8D9B5 for lift, so you can tune the background around real copy.

What does a sage green gradient look good with?

Sage Green pairs naturally with #0E3B43 and #E8D9B5. Use the darker pairing as the anchor for type and the lighter pairing as atmosphere so the gradient feels dimensional instead of flat.

How do I use a sage green gradient in Fove?

Open the gradient in the editor, choose a ratio for your slide, landing page, or social crop, then export PNG, JPG, SVG, or copy clean CSS. Raster exports can include texture for a more finished look.

Related colors

Palettes featuring Sage Green

Open it. Tune it. Export it.

Start with this sage green gradient, then adjust texture, intensity, rotation, and aspect ratio for your exact slide or page.

Open sage green in the editor

See all gradient colors (24) or browse curated palettes.