Navy Harbor color palette — #EAEFE1 · #567CA1 · #00387C · #001D2C · #00000D

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

The five colors

• Cream (#EAEFE1): bright and airy, almost weightless.
• Slate (#567CA1): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#00387C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001D2C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#00000D): A deep, shadowed, dusty violet — the color of wild irises.

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

• Wandering Nightshade Thicket color palette (#E2EEE0, #5D84A8, #1920A2, #002127, #0C0026)
• Dusty Lagoon Cabin color palette (#EFF0E0, #3B8689, #00444C, #00201C, #000202)
• Ultramarine Bloom color palette (#DAECEB, #7296BA, #0054B1, #003850, #010428)
• Petrol Harbor color palette (#E9EADF, #9ABDA4, #00788F, #004B4C, #001923)
• Aged Lagoon color palette (#F2F3E5, #96DFE1, #0094A2, #00635A, #002A33)
• Chestnut Canyon color palette (#EFE2CA, #795900, #382900, #1B2522, #0D0700)
• Velvet Cocoa color palette (#EFDCC6, #694300, #004737, #2C1A00, #000201)
• Washed Cerulean Drift color palette (#F1F3EC, #C0E6DA, #5F91C7, #006789, #3B223A)

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