Navy Harbor color palette — #E5DEE3 · #B4A4AB · #94767B · #1F2E78 · #1D0D1A

Built around Navy, softened by Mocha — the whole palette hums with creativity and sophistication.

The five colors

• Silver (#E5DEE3): bright and airy, almost weightless.
• Ash (#B4A4AB): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#94767B): A full-bodied, dusty red — the color of a theater curtain.
• Navy (#1F2E78): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#1D0D1A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Dusty Abyss color palette (#E7F2EE, #B4A3B1, #937583, #003C59, #061812)
• Aubergine Pier color palette (#E8DEE0, #BCA2A1, #99766B, #531167, #210C12)
• Nightshade Orchard color palette (#EBF0FA, #9B9FAC, #767A95, #28039B, #02040E)
• Dusty Nightshade Hollow color palette (#EDE2EA, #BDB0B7, #A98C98, #3C39BC, #200B1B)
• Wandering Mulberry color palette (#F7EBED, #D7C8C7, #B29A92, #75387A, #39292C)
• Muted Garnet Courtyard color palette (#D9E6F6, #796598, #722D50, #00311B, #001A1F)
• Weathered Courtyard color palette (#FCF3F1, #DFD9D2, #C4BFB0, #976274, #524442)
• Patina Coast color palette (#F3ECDE, #58771C, #004420, #2A1445, #0A1300)

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