Navy Harbor color palette — #F8E4CF · #9A5F00 · #005A3D · #002E6F · #470028
A conversation between Navy and Ochre, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F8E4CF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ochre (#9A5F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Pine (#005A3D): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#002E6F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#470028): A deep, shadowed, balanced rose — the color of pressed rose petals.
Feels like: Trust, Stability, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Navy Harbor into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Muted Terrace color palette (#F6E7C2, #7E6F00, #005854, #2B0091, #490019)
- Muted Bronze color palette (#FAE3D3, #AD4F00, #2E5800, #003946, #320059)
- Gentle Fern Harbor color palette (#F0F0DD, #366600, #003D51, #36003D, #200B00)
- Quiet Rust Studio color palette (#F9D9C9, #C83400, #00575B, #2C007C, #0E0035)
- Dusty Pier color palette (#F5F3DE, #698221, #005E72, #531D67, #461F02)
- Wandering Moss Cabin color palette (#EFE6D7, #A99100, #6A6C00, #354700, #003424)
- Quiet Boulevard color palette (#F6DFC8, #B3A556, #4D830A, #034F80, #393771)
- Softworn Terrace color palette (#FFDDED, #D66900, #00729F, #193BA1, #190F65)
Browse the whole catalog at Explore, or see today's palette.