Shades of Green

Explore the most common shades of green with their hex codes. Find the perfect green for your next design project.

From the deepest, most saturated tones to the lightest pastels, green appears in nearly every design discipline — branding, interiors, fashion, and digital UI. The 30 shades below are the most commonly used named variants of green, each with a precise hex code you can copy directly into your design tool.

Looking for the right pairing? See colors that go with green. Need a different format? Try our format converters for HEX, RGB, HSL, OKLCH, and CMYK.

Featured shade

Forest Green

Forest Green is the canonical green in this collection. Below is its full breakdown across every common color format — useful when you need the same color in CSS, a design tool, or a print workflow.

HEX#228B22
RGBrgb(34, 139, 34)
HSLhsl(120, 61%, 34%)
OKLCHoklch(55.8% 0.169 143)
CMYKcmyk(76%, 0%, 76%, 45%)

Colors that go with green

Green's complement is red, but the easier pairings are pinks (a desaturated red) and warm neutrals. Olive and sage greens lean even more comfortably into beige and cream territory.

Need the perfect green?

Download Colorframe to pick any shade of green from your screen and get instant hex, RGB, HSL, OKLCH, and CMYK values.