Indigo and Gold
Why they work: deep blue-violet with gold — ceremonial and calm.
Combination sets
The classic split
Indigo and Gold with a light tint of indigo, a deep shade of gold and white for breathing room.
Dark mode
Both anchors survive on dark: Gold as the highlight, Indigo 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%, indigo ~30% for structure, gold ~10% for calls to action.
Gradient bridge
The direct perceptual path from indigo to gold — use for hero sections, charts and progress states.
Contrast data
| Foreground | Background | Ratio | AA | AAA |
|---|---|---|---|---|
| #4B0082 | #FFD700 | 9.23:1 | ✓ | ✓ |
| #FFD700 | #4B0082 | 9.23:1 | ✓ | ✓ |
| #4B0082 | #FFFFFF | 12.95:1 | ✓ | ✓ |
| #4B0082 | #000000 | 1.62:1 | ✗ | ✗ |
| #FFD700 | #FFFFFF | 1.40:1 | ✗ | ✗ |
| #FFD700 | #000000 | 14.97:1 | ✓ | ✓ |
| #16161D | #DB4A58 | 4.40:1 | ✗ | ✗ |
Related combinations
FAQ
Do indigo and gold go together?
Yes — deep blue-violet with gold — ceremonial and calm. Their hues are 136° apart on the color wheel and the direct pair contrast is 9.23:1. The sets on this page show exactly how to balance them (warm + cool).
What text color works on indigo and gold?
On indigo use #FFFFFF text (12.95:1); on gold use #000000 (14.97:1). Both pass WCAG AA for normal text.
What are the exact color codes?
Indigo: #4B0082 — OKLCH oklch(33.9% 0.179 301.7). Gold: #FFD700 — OKLCH oklch(88.68% 0.182 95.3).