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.
Hex
#636B2F
RGB
99,107,47
HSB
68, 56%, 42%
HSL
68, 39%, 30%
Explore the qualities of Royal blue.
Learn more
Explore the qualities of Purple blue.
Learn more
Explore the qualities of Turquoise blue.
Learn more
Explore the qualities of Medium blue.
Learn more
Explore the qualities of Forest green.
Learn more
Explore the qualities of Taupe.
Learn more