Skip to main content

Forest green

Everything you need to know about forest green to inspire your next design.

Pick a palette type

What color is forest green?

Forest green is a rich, earthy color with deep, neutral undertones. This lush, grounded shade sits in the green section of the color wheel, on the cooler side, embodying feelings of nature, stability, and renewal. Forest green’s dark, saturated shade ranges from deep hunter to pine, making it ideal for conveying a sense of depth and serenity in designs.

forest greenforest green

What does forest green look like on digital screens?

Forest green is defined by the following color codes and values to ensure consistency across various digital platforms and devices.

- HEX code: #2E6F40

- RGB value: 38.8% red, 42% green and 18.4% blue

Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.

How should I effectively use forest green in UI design?

Forest green's richness and connection to nature offer UI designers a powerful tool to create calming, sophisticated interfaces. Here's how to integrate it strategically:

  • Use for backgrounds and large areas. Forest green can establish a calming, nature-inspired environment in apps promoting wellness or outdoor activities. Ensure sufficient contrast for text readability by testing with a contrast checker.
  • Pair with light neutrals. Complement forest green with light neutrals like beige or soft grey to maintain readability and a sense of balance.
  • Lean into luxury. Forest green's association with luxury and quality makes it an excellent choice for premium brands and services. Use it strategically for accents or call-to-action buttons to convey a sense of exclusivity and value.
  • Consider context for shades. From dark and dramatic to lighter and more muted, choose a shade that complements your UI palette and aligns with the message you want to convey. For instance, a light forest green might feel more approachable, while a deep forest green can exude a sense of power.

Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.

What are similar colors to forest green?

For variations within the same deep and earthy spectrum as forest green, consider:

  • Hunter green (#355E3B) embodies the dense foliage of a forest, offering a darker and slightly more muted tone that retains the essence of forest green.
  • Pine green (#01796F) mirrors the deep, rich color of pine trees, with a hint more blue, evoking a cool, natural serenity akin to forest green.
  • Jungle green (#29AB87) presents a brighter, more vibrant version, capturing the jungle’s lively and lush character while staying true to the green essence.
  • British racing green (#004225), though traditionally associated with motorsports, shares a similar depth and intensity, embodying forest green's elegance and grounding energy.

What colors go with forest green?

To complement forest green's rich tones, consider pairing it with:

  • Burnt orange (#BE5103) adds a warm, earthy contrast, echoing autumn colors and enhancing the natural feel of forest green.
  • Cream (#FDFBD4) offers a light, neutral backdrop that allows the depth of forest green to stand out, creating a classic and refined palette.
  • Deep burgundy (#660033) provides a luxurious, sophisticated contrast, enriching the palette with depth and warmth.
  • Soft gold (#D4AF37) introduces a touch of luxury, creating a harmonious balance with forest green's understated elegance.
  • Dusty pink (#DCA1A1) adds a gentle, feminine touch, softening the overall look and complementing the natural vibe of forest green.

Other colors worth considering include slate gray for a modern, chic look, lavender for a soft, contrasting pop of color, and light blue for a refreshing, serene combination.

What colors conflict with forest green?

While forest green is versatile, it may clash with:

  • Bright yellow (#FFFF00) can be too harsh against forest green, creating a jarring contrast that detracts from its soothing nature.
  • Blue (#0000FF), with its intense vibrancy, may disrupt the calm and grounding effect of forest green, leading to a visually unsettling pairing.
  • Hot pink (#FF69B4), while lively, may overpower forest green's subtle elegance, resulting in a palette that is too vibrant and potentially overwhelming.
  • Chartreuse (#CCFF00) presents an overly saturated hue that can overshadow the deep, rich quality of forest green.
  • Deep purple (#800080), though rich and regal, might compete too strongly with forest green, overshadowing its natural serenity and leading to a heavy, less harmonious palette.

What does forest green symbolize?

Forest green represents growth, renewal, and the unending cycle of life. This hue is closely associated with environmentalism and sustainability, highlighting a dedication to conserving our planet and fostering a harmonious relationship with nature.

In color psychology, forest green can promote balance and harmony, offering a calming influence that can alleviate stress and enhance well-being. Its ability to create a strong connection with nature makes it a comforting presence.

In UI/UX design, forest green forest green can help make a platform feel peaceful and connected to nature. It works well for eco-friendly brands or apps about wellness and outdoor activities. Using forest green in interfaces can create a serene experience of balance and rejuvenation, emphasizing a brand’s commitment to sustainability and natural quality. Through strategic use in design elements, forest green can attract eco-conscious consumers and emphasize messages of growth and renewal.

What’s the history of forest green?

The term "forest green" first appeared in English in the early 19th century, inspired by the deep green hues found in dense forests. It has been used in clothing and heraldry for centuries, representing wealth, status, and a connection to the land.

In modern times, forest green has been adopted by environmental movements and brands looking to showcase their dedication to sustainability and ecological awareness. Its intense, lush tones have also made it a popular choice in interior design, fashion, and branding to suggest stability, growth, and the essence of nature.

Designers still use forest green to incorporate a sense of the natural world into their work, whether through digital interfaces, product design, or visual branding.

Color variations

Shades

Tints

Tones

Hues

Color harmonies

Complementary

Split

Monochromatic

Analogous

Triadic

Square

Custom palettes

Lush Forest

Forest Berry

Green Grotto

Accessibility

Contrast checker

Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #2E6F40 text on a #FFFFFF background.

6.06:1

WCAG 2.2 Simple Contrast

Normal Text

Pass
AA
4.5:1
Fail
AAA
7:1

Large Text

Pass
AA
3:1
Pass
AAA
4.5:1
Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #2E6F40 text on a #000000 background.

3.46:1

WCAG 2.2 Simple Contrast

Normal Text

Fail
AA
4.5:1
Fail
AAA
7:1

Large Text

Pass
AA
3:1
Fail
AAA
4.5:1

Color simulations

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

Color conversion

The hexadecimal color #2E6F40, known as forest green, has RGB values of R:46, G:111, B:64 and CMYK values of C:0.59, M:0, Y:0.42, K:0.56.

VALUECSS
HEX2E6F40#2E6F40
RGB DECIMAL46, 111, 64rgb(46,111,64)
RGB PERCENTAGE18, 43.5, 25.1rgb(18%,43.5%,25.1%)
CMYK59, 0, 42, 56
HSL136.6°, 41.4, 30.8hsl(136.6,41.4%,30.8%)
HSV (OR HSB)136.6°, 58.6, 43.5
WEB SAFE336633#336633
CIE-LAB41.719, -32.103, 20.087
XYZ7.736, 12.319, 6.82
xyY0.288, 0.458, 12.319
CIE-LCH41.719, 37.869, 147.966
CIE-LUV41.719, -28.501, 28.327
HUNTER-LAB35.099, -22.08, 13.048
BINARY00101110, 01101111, 01000000
iOS - SwiftUIColor(red: 46/255, green: 111/255, blue: 64/255)
iOS - UIKitUIColor(red: 46/255.0, green: 111/255.0, blue: 64/255.0, alpha: 1.0)
Android - ComposeColor(0xFF2E6F40)