Navy and Gold Color Palette
Deep navy and midnight blue with champagne, gold and brass. Navy and gold is elegant and formal, a classic for weddings and New Year's Eve.
Click any color to copy its HEX code.
Navy and Gold color codes
| Name | HEX | RGB | HSL | |
|---|---|---|---|---|
| Ivory | #F8F4EA | 248, 244, 234 | 43°, 50%, 95% | |
| Champagne | #E8D8B0 | 232, 216, 176 | 43°, 55%, 80% | |
| Gold | #C8A04A | 200, 160, 74 | 41°, 53%, 54% | |
| Brass | #9C7A30 | 156, 122, 48 | 41°, 53%, 40% | |
| Navy | #1E2F4F | 30, 47, 79 | 219°, 45%, 21% | |
| Midnight | #111A2E | 17, 26, 46 | 221°, 46%, 12% |
How to use this palette
A simple way to use 6 colors without chaos is the 60-30-10 rule: about 60% of the space in the lightest shade, 30% in a supporting color and 10% in the accent. For this palette that is Ivory (#F8F4EA) as the base, Champagne (#E8D8B0) as the supporting color and Gold (#C8A04A) as the accent, with Midnight (#111A2E) for text and fine details.
Navy and Gold
A quick preview of the palette with base, text and accent colors.
Gold ChampagneWhere it works
Readable text color pairs
These combinations reach a contrast ratio of at least 4.5:1, the WCAG AA level for normal text, so they are safe for text on websites, posters and invitations.
- Midnight on Ivory#111A2E on #F8F4EA · 15.8:1
- Midnight on Champagne#111A2E on #E8D8B0 · 12.3:1
- Navy on Ivory#1E2F4F on #F8F4EA · 12.1:1
- Navy on Champagne#1E2F4F on #E8D8B0 · 9.4:1
- Midnight on Gold#111A2E on #C8A04A · 7.1:1
- Navy on Gold#1E2F4F on #C8A04A · 5.5:1
CSS variables
:root {
--ivory: #F8F4EA;
--champagne: #E8D8B0;
--gold: #C8A04A;
--brass: #9C7A30;
--navy: #1E2F4F;
--midnight: #111A2E;
}