Olive Green

Use #677a04 alongside terracotta or deep charcoal to balance its earthy, muddy undertones. Because it sits between yellow and green, it benefits from these neutral or warm contrasts to prevent the design from feeling too muted or flat on screen.

Text in #677a04 is best paired with a high-contrast background like pure white or very light neutral shades to ensure readability. While it works as an accent for buttons or icons, avoid using this olive green for small body text to keep your interface compliant.