Navy Harbor color palette — #E2F3EE · #C38D70 · #004673 · #00233E · #041B15

Navy takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E2F3EE): a clean, paper-quiet neutral.
• Caramel (#C38D70): A luminous, dusty orange — the color of toasted spice.
• Navy (#004673): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#00233E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#041B15): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Patina Navy Garden color palette (#F9E9F5, #A99C65, #2E3C7D, #151C47, #210E1D)
• Jade Chapel color palette (#E0EBF3, #6DB377, #004D6B, #001F2E, #01060C)
• Petrol Quarry color palette (#E4F2EC, #8CC495, #006C96, #0A3A51, #081A14)
• Muted Basin color palette (#E4F0FE, #FFB2A2, #6689BD, #405876, #101720)
• Velvet Bronze color palette (#F5E8F6, #A86B21, #002650, #00091B, #060002)
• Frosted Mulberry Market color palette (#EBF9F4, #6E9FC7, #952F75, #005484, #271112)
• Aged Denim color palette (#FCF2F7, #C4C29F, #5E5782, #4D2C3E, #2F2222)
• Nightshade Summit color palette (#F2DEEA, #909C00, #32218E, #170055, #0C082C)

Browse the whole catalog at Explore, or see today's palette.