Green Color Palette

Last reviewed on 24 April 2026

A ramped green palette from pale mint to deep forest. Five steps — enough contrast for hierarchy, all within one hue family — so everything reads as naturally connected.

#C8E6C9

Mint

#81C784

Spring Green

#66BB6A

Leaf

#4CAF50

Primary Green

#388E3C

Forest

About this palette

Green is one of the most versatile hues a designer can work with. It sits roughly in the middle of the visible spectrum, which is one reason it's so restful — the eye focuses on green with less effort than on reds or blues. A palette built entirely from green shades lets that quality dominate the final design.

Because all five values sit on the same hue axis, they play nicely with almost any photography: leaves, skin tones, food, fabric. This makes the palette a safe choice for brands whose visuals change often and don't want the colour system fighting them.

Best used for

Sustainability and eco

Climate, gardening, and conservation sites where the colour itself reinforces the message.

Health and wellness

Fitness apps, yoga studios, and nutrition brands. Green reads as natural and balanced.

Finance and growth

Investment tools, savings apps, and anything where "growth" is a core metaphor.

Outdoor and agriculture

Farm shops, outdoor retailers, landscape services, and ecology non-profits.

When to use it

When the brand story is about nature or growth — no other hue carries that meaning as clearly.
As a complete UI colour system, since the palette already provides five value steps.
In multi-cultural contexts, where green has broadly positive associations in most parts of the world.
For data visualisation where "good" or "safe" needs a colour — green's cultural meaning makes this easy.

Design advice

Avoid red–green pairings for data

The most common colour-vision deficiency affects exactly that pair. For charts, use green + blue or green + orange instead.

Use Forest for type

Forest (#388E3C) is the only step with high enough contrast for body copy on white. The lighter hues should stay decorative.

Warm it with a neutral

Pair green with a warm cream, off-white, or light wood tone. Cold neutrals make the palette look clinical.

Mind saturation in print

Bright greens can shift noticeably in CMYK. Ask for a proof or use Pantone-matched greens for critical brand assets.

Don't skip accents

All-green designs can feel monotonous. A single warm accent (terracotta, mustard, or coral) often transforms the feel.

Colour psychology

Mint (#C8E6C9)

Calm and clean. Perfect for large backgrounds and low-key surfaces.

Spring Green (#81C784)

Optimistic and youthful. Reads as new growth.

Leaf (#66BB6A)

Balanced, friendly, and recognisably "green." Useful for badges and success states.

Primary Green (#4CAF50)

A reliable brand green that plays well with most secondary colours.

Forest (#388E3C)

Grounded and authoritative. Works for type and primary calls-to-action.