Pastel Green #77DD77

Pastel green, hex code #77DD77, is a soft, medium-light green with moderate saturation. It is gentler than grass green and more colorful than sage. It looks like spring leaves in soft light and brings to mind Easter, nurseries, healthy food, and simple, friendly design.

There's no standard pastel green or CSS keyword for it. #77DD77 is a common value; CSS lightgreen (#90EE90) is a close, slightly lighter relative.

Pastel Green color codes
HEX#77DD77
RGBrgb(119, 221, 119)
HSLhsl(120, 60%, 67%)
HSVhsv(120, 46%, 87%)
CMYKcmyk(46%, 0%, 46%, 13%)

Text on Pastel Green

Black text reads better on Pastel Green. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

1.69:1 · Fail
Black text

The quick brown fox jumps over the lazy dog.

12.39:1 · AAA

Colors that go with Pastel Green

Pastel Green tints and shades

Tints mix Pastel Green with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#8BE28B
#A0E7A0
#B4ECB4
#C9F1C9
#DDF7DD

Shades

#65BC65
#539B53
#417A41
#305830
#1E371E

Pastel Green color schemes

Color-wheel harmonies built by rotating the hue of #77DD77 and keeping its saturation and lightness.

Complementary

#77DD77
#DD77DD

Analogous

#AADD77
#77DD77
#77DDAA

Triadic

#77DD77
#7777DD
#DD7777

Split complementary

#77DD77
#AA77DD
#DD77AA

Tetradic

#77DD77
#77AADD
#DD77DD
#DDAA77

Pastel Green color meaning

Pastel green is green with the intensity softened, so it keeps the meanings of growth and nature while feeling calm and approachable. It sits comfortably in the background of a layout without asking for attention.

It's a staple of spring palettes, from Easter decorations to baby showers, where it often appears with pastel yellow, pink, and blue. For baby clothes and nurseries it's a common gender-neutral choice. It suits children's books and classroom posters, where soft colors keep pictures gentle.

It also leans fresh and healthy, which is why it turns up on packaging for salads, juices, and natural products. People generally read it as cheerful, kind, and easygoing. Some people find it a little sweet when it covers a whole space, so a darker accent helps keep it grown-up.

How to use Pastel Green in design

Pastel green works for children's brands, health food, gardening, and friendly apps. It makes a good background for cards, illustrations, and social posts. Text on it should be dark: charcoal, navy, or deep green all read well, while white text washes out. It pairs nicely with pastel yellow, lavender, and peach for a soft palette, or with navy for more contrast. In interiors, pastel green suits kitchens, nurseries, and bathrooms, especially with white trim. For health apps and food labels, it signals fresh and gentle without looking clinical.

Palettes with Pastel Green tones

Curated palettes with a color close to #77DD77.

Colors similar to Pastel Green

Work with Pastel Green

Pastel Green FAQ

What is the difference between pastel green and mint green?

Mint green is lighter and brighter, with more white mixed in and a cool, fresh look. Pastel green is a little deeper and softer, closer to a gentle leaf green. Mint suits retro kitchens and personal care; pastel green feels more like spring gardens and children's illustrations.

What colors go with pastel green?

Other pastels are the easy route: pastel yellow, lavender, peach, and baby blue. Navy, charcoal, and deep green add contrast for text. White and cream keep it airy. For a warmer look, try it with coral or terracotta in small amounts.