Forest Green and Copper
Why they work: patina and metal — deep green with oxidized-copper accents.
Combination sets
The classic split
Forest Green and Copper with a light tint of forest green, a deep shade of copper and white for breathing room.
Dark mode
Both anchors survive on dark: Copper as the highlight, Forest Green 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%, forest green ~30% for structure, copper ~10% for calls to action.
Gradient bridge
The direct perceptual path from forest green to copper — use for hero sections, charts and progress states.
Contrast data
| Foreground | Background | Ratio | AA | AAA |
|---|---|---|---|---|
| #2D5A27 | #B87333 | 2.13:1 | ✗ | ✗ |
| #B87333 | #2D5A27 | 2.13:1 | ✗ | ✗ |
| #2D5A27 | #FFFFFF | 8.07:1 | ✓ | ✓ |
| #2D5A27 | #000000 | 2.60:1 | ✗ | ✗ |
| #B87333 | #FFFFFF | 3.79:1 | ✗ | ✗ |
| #B87333 | #000000 | 5.54:1 | ✓ | ✗ |
| #16161D | #766A09 | 3.29:1 | ✗ | ✗ |
Related combinations
FAQ
Do forest green and copper go together?
Yes — patina and metal — deep green with oxidized-copper accents. Their hues are 84° apart on the color wheel and the direct pair contrast is 2.13:1. The sets on this page show exactly how to balance them (warm + cool).
What text color works on forest green and copper?
On forest green use #FFFFFF text (8.07:1); on copper use #000000 (5.54:1). Both pass WCAG AA for normal text.
What are the exact color codes?
Forest Green: #2D5A27 — OKLCH oklch(42.2% 0.094 141.4). Copper: #B87333 — OKLCH oklch(61.8% 0.117 60.4).