Olive and Rust
Why they work: an autumn landscape — olive groves and rusted iron.
Combination sets
The classic split
Olive and Rust with a light tint of olive, a deep shade of rust and white for breathing room.
Dark mode
Both anchors survive on dark: Rust as the highlight, Olive as the accent, and two intermediate surfaces for elevation.
Soft & light
Both anchors reduced to tints for airy sections, with the full-strength colors kept for buttons and links.
60 / 30 / 10 UI set
A practical interface split: neutral ~60%, olive ~30% for structure, rust ~10% for calls to action.
Gradient bridge
The direct perceptual path from olive to rust — use for hero sections, charts and progress states.
Contrast data
| Foreground | Background | Ratio | AA | AAA |
|---|---|---|---|---|
| #808000 | #B7410E | 1.33:1 | ✗ | ✗ |
| #B7410E | #808000 | 1.33:1 | ✗ | ✗ |
| #808000 | #FFFFFF | 4.20:1 | ✗ | ✗ |
| #808000 | #000000 | 5.01:1 | ✓ | ✗ |
| #B7410E | #FFFFFF | 5.56:1 | ✓ | ✗ |
| #B7410E | #000000 | 3.78:1 | ✗ | ✗ |
| #16161D | #9C6800 | 3.77:1 | ✗ | ✗ |
Related combinations
FAQ
Do olive and rust go together?
Yes — an autumn landscape — olive groves and rusted iron. Their hues are 42° apart on the color wheel and the direct pair contrast is 1.33:1. The sets on this page show exactly how to balance them (both warm).
What text color works on olive and rust?
On olive use #000000 text (5.01:1); on rust use #FFFFFF (5.56:1). Both pass WCAG AA for normal text.
What are the exact color codes?
Olive: #808000 — OKLCH oklch(58.07% 0.127 109.8). Rust: #B7410E — OKLCH oklch(53.51% 0.163 39.5).