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 Rose red.
Learn more
Explore the qualities of Dark purple.
Learn more
Explore the qualities of Platinum.
Learn more
Explore the qualities of Pastel blue.
Learn more
Explore the qualities of True blue.
Learn more
Explore the qualities of Canary.
Learn more