Navy Harbor color palette — #FBEED6 · #755B00 · #0043A4 · #382A00 · #000D2D

A conversation between Indigo and Olive, giving this palette its sense of trust and stability.

The five colors

• Cream (#FBEED6): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#755B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Indigo (#0043A4): A full-bodied, vivid blue — the color of deep harbor water.
• Espresso (#382A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000D2D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Nightshade Archive color palette (#F6EFD8, #656200, #3C12CA, #302E00, #0B003B)
• Chestnut Coast color palette (#FAE6D6, #904900, #00536F, #472100, #00121B)
• Misty Ultramarine color palette (#EBE2D3, #977100, #0F4AF8, #584100, #00033D)
• Midnight Aubergine Grove color palette (#EBE2C9, #5B5200, #60007B, #252100, #0D0014)
• Aubergine Studio color palette (#DFE3CC, #1E832F, #510093, #00370A, #170030)
• Fern Grove color palette (#E8F3D3, #435500, #004566, #002F61, #050900)
• Hushed Sapphire Coast color palette (#EFE4C7, #948600, #3C53FF, #584F00, #14197D)
• Misty Sapphire Cabin color palette (#E2EEE4, #C79729, #365BE9, #7E5C00, #02033C)

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