olive

Olive (#808000) is the classic CSS olive — an equal mix of CSS red and green, producing a dark, muted yellow-green with a distinctly earthy, military quality. Named after the color of unripe olive fruit, this dark yellowish-green has been associated with military camouflage and clothing for over a century. In contemporary design, olive is a sophisticated neutral warmth that pairs with rust, cream, and terracotta.

Dark yellows and golds convey prestige, wisdom, and enduring value. Gold has represented wealth and achievement throughout human history, from pharaonic tombs to Olympic medals. These warm, deep tones suggest quality without the flashiness of brighter yellows.

Dark gold and amber tones suit financial services, premium memberships, and achievement badges. They work as accent text or icon colors against dark backgrounds for a luxurious feel. Pair them with charcoal, deep navy, or rich brown to create sophisticated, high-end interfaces.