Wine and Ivory
Why they work: formal and warm — dark wine red softened by ivory.
Combination sets
The classic split
Wine and Ivory with a light tint of wine, a deep shade of ivory and white for breathing room.
Dark mode
Both anchors survive on dark: Ivory as the highlight, Wine 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%, wine ~30% for structure, ivory ~10% for calls to action.
Gradient bridge
The direct perceptual path from wine to ivory — use for hero sections, charts and progress states.
Contrast data
| Foreground | Background | Ratio | AA | AAA |
|---|---|---|---|---|
| #722F37 | #FFFFF0 | 9.56:1 | ✓ | ✓ |
| #FFFFF0 | #722F37 | 9.56:1 | ✓ | ✓ |
| #722F37 | #FFFFFF | 9.65:1 | ✓ | ✓ |
| #722F37 | #000000 | 2.18:1 | ✗ | ✗ |
| #FFFFF0 | #FFFFFF | 1.01:1 | ✗ | ✗ |
| #FFFFF0 | #000000 | 20.81:1 | ✓ | ✓ |
| #16161D | #B9967A | 6.61:1 | ✓ | ✗ |
Related combinations
FAQ
Do wine and ivory go together?
Yes — formal and warm — dark wine red softened by ivory. Their hues are 67° apart on the color wheel and the direct pair contrast is 9.56:1. The sets on this page show exactly how to balance them (both warm).
What text color works on wine and ivory?
On wine use #FFFFFF text (9.65:1); on ivory use #000000 (20.81:1). Both pass WCAG AA for normal text.
What are the exact color codes?
Wine: #722F37 — OKLCH oklch(40.08% 0.095 15.1). Ivory: #FFFFF0 — OKLCH oklch(99.6% 0.02 106.7).