Rust and Cream
Why they work: autumn warmth grounded on cream — earthy without heaviness.
Combination sets
The classic split
Rust and Cream with a light tint of rust, a deep shade of cream and white for breathing room.
Dark mode
Both anchors survive on dark: Cream as the highlight, Rust 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%, rust ~30% for structure, cream ~10% for calls to action.
Gradient bridge
The direct perceptual path from rust to cream — use for hero sections, charts and progress states.
Contrast data
| Foreground | Background | Ratio | AA | AAA |
|---|---|---|---|---|
| #B7410E | #FFFDD0 | 5.35:1 | ✓ | ✗ |
| #FFFDD0 | #B7410E | 5.35:1 | ✓ | ✗ |
| #B7410E | #FFFFFF | 5.56:1 | ✓ | ✗ |
| #B7410E | #000000 | 3.78:1 | ✗ | ✗ |
| #FFFDD0 | #FFFFFF | 1.04:1 | ✗ | ✗ |
| #FFFDD0 | #000000 | 20.21:1 | ✓ | ✓ |
| #16161D | #DCA55E | 8.22:1 | ✓ | ✓ |
Related combinations
FAQ
Do rust and cream go together?
Yes — autumn warmth grounded on cream — earthy without heaviness. Their hues are 39° apart on the color wheel and the direct pair contrast is 5.35:1. The sets on this page show exactly how to balance them (both warm).
What text color works on rust and cream?
On rust use #FFFFFF text (5.56:1); on cream use #000000 (20.21:1). Both pass WCAG AA for normal text.
What are the exact color codes?
Rust: #B7410E — OKLCH oklch(53.51% 0.163 39.5). Cream: #FFFDD0 — OKLCH oklch(98.44% 0.058 105.3).