Color Palettes

Pastel green color

A soft, friendly green with a bit of white. It's calm and fresh. It shows up in kids' rooms, stationery and wellness apps.

Pastel green · #77DD77

About pastel green

Pastel green (#77DD77) is a balanced, mid-tone, moderately saturated color. It belongs to the greens family. It mixes 119 red, 221 green and 119 blue (out of 255). It is mostly used in kids, home decor, web.

Pastel green shades and tints

From lightest to darkest. Tap a shade to copy its code.

Pastel green color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Orchid
AnalogousClose to: Pistachio green, Aquamarine
TriadicClose to: Royal blue, Indian red
Split complementaryClose to: Lavender, Flamingo pink
TetradicClose to: Blue gray, Orchid, Camel

Pastel green color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Pastel green
Analogous palette · Pastel green
Complementary palette · Pastel green
Triadic palette · Pastel green
With neutrals palette · Pastel green
With an accent palette · Pastel green

Pastel green contrast with text

White textContrast 1.7:1 · Not recommended
Black textContrast 12.4:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --pastel-green: #77DD77;
  --pastel-green-rgb: 119, 221, 119;
}
.bg { background-color: var(--pastel-green); }
.text { color: var(--pastel-green); }

Colors similar to pastel green

Light greenMint greenEmerald greenPistachio greenJade greenForest greenAquamarineApple greenGreenMoss green

More greens

GreenEmerald greenLime greenOlive greenMint greenMoss greenForest greenJade greenPine greenApple greenSage greenBottle greenArmy greenNeon greenPistachio greenGrass greenChartreuseDark greenLight greenMexican flag green

Frequently asked questions

What is the hex code for pastel green?

The hex code for pastel green is #77DD77. In RGB it is rgb(119, 221, 119), in HSL hsl(120, 60%, 67%) and in CMYK 46, 0, 46, 13.

What is the complementary color of pastel green?

Its complement on the color wheel is #DD77DD, close to orchid. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on pastel green?

Use black text instead: the contrast with white is only 1.7:1, while with black it is 12.4:1.