Olive green

Hex Code, Palettes & Meaning

Olive green

Olive green (#636B2F) embodies the perfect balance between sophistication and natural warmth. This earthy hue, with its subtle yellow undertones, derives its name from unripe olives and has been recognized in English since the 1600s.

In digital design, olive green excels at creating stable, grounding experiences. Figma's research shows it's particularly effective for wellness apps, sustainability platforms, and outdoor-focused interfaces. The color naturally conveys authenticity and environmental consciousness, making it ideal for brands emphasizing eco-friendliness and reliability.

For maximum impact, pair olive green with complementary earth tones like beige, rust, or terracotta. These combinations create cohesive, grounded palettes that feel both modern and timeless. For contrast, combine it with coral or deeper burgundy shades.

The color's military heritage stems from its natural camouflage properties – olive drab uniforms dominated U.S. forces during World War II and Vietnam. Today, this association with durability translates beautifully into UI design, where olive green signals trustworthiness and permanence.

Whether used as a primary brand color or accent shade, olive green offers versatility that spans from premium luxury interfaces to organic, nature-focused designs.

Images with Olive green color

9574812353991984752876353121213076337575518982808025009541030964764664322651130006227729488339444275374345711781

Color Palettes

Complementary

#636B2F
#372F6A

Split

#636B2F
#2F456A
#542F6A

Monochromatic

#636B2F
#212310
#A4B14E

Analogous

#636B2F
#456A2F
#6A542F

Triadic

#636B2F
#2F626A
#6A2F62

Olive green

Hex

#636B2F

RGB

99,107,47

HSB

68, 56%, 42%

HSL

68, 39%, 30%

Color Values

Color encyclopedia, tools, and more.

© Copyright 2025 All Rights Reserved