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.
| HEX | #77DD77 | |
|---|---|---|
| RGB | rgb(119, 221, 119) | |
| HSL | hsl(120, 60%, 67%) | |
| HSV | hsv(120, 46%, 87%) | |
| CMYK | cmyk(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.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
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
Shades
Pastel Green color schemes
Color-wheel harmonies built by rotating the hue of #77DD77 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
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.