Navy Harbor color palette — #E4E9D9 · #5E94C6 · #004791 · #002D40 · #020F37

Built around Indigo, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Parchment (#E4E9D9): A whisper-light, dusty green — the color of new leaves after rain.
• Slate Blue (#5E94C6): A luminous, balanced blue — the color of deep harbor water.
• Indigo (#004791): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002D40): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#020F37): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Cerulean Coast color palette (#EFF2E4, #219FBC, #00516A, #002F34, #001623)
• Sunlit Field color palette (#E5F3E7, #6EA7D9, #3362B8, #004759, #0C083D)
• Gentle Pier color palette (#EEE5DD, #89B5DE, #6771F2, #006C71, #1E0036)
• Aged Courtyard color palette (#F4F7E9, #8FD9FE, #0088C6, #006477, #1E4262)
• Aqua Delta color palette (#F6F8DE, #44CED1, #007C87, #00574E, #003A44)
• Fern Garden color palette (#E6E7C9, #347000, #005371, #153500, #00121C)
• Powdered Jade color palette (#DAF3D8, #00C07C, #008C74, #2B4900, #00240C)
• Worn Harbor color palette (#F5F6EE, #C4E8E2, #64A4B5, #59785A, #375144)

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