Navy Harbor color palette — #E0E6EE · #9399AA · #6E6D8A · #002A58 · #030A14

A conversation between Midnight and Slate, giving this palette its sense of trust and stability.

The five colors

• Frost (#E0E6EE): a clean, paper-quiet neutral.
• Blue Fog (#9399AA): A luminous, dusty violet — the color of a velvet chair.
• Slate (#6E6D8A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Midnight (#002A58): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#030A14): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Patina Hollow color palette (#EAE3EB, #B39EA8, #987F82, #004583, #110412)
• Worn Bloom color palette (#E6E4F2, #B1A2BD, #8E768E, #521B5D, #141023)
• Tempered Denim color palette (#E9EFFA, #C9CAE0, #A39CB2, #484F86, #292E39)
• Timeworn Indigo color palette (#D6E6FB, #7160AD, #5F2B44, #022A04, #00130E)
• Washed Summit color palette (#E2E7FA, #0091BE, #4A31DA, #770057, #04000F)
• Inked Fern Terrace color palette (#D4E3D7, #5E6300, #0E3500, #160C39, #000804)
• Shadow Summit color palette (#D5EAE2, #004A8A, #360051, #0C0F00, #020019)
• Weathered Pewter Studio color palette (#F4F4FC, #E3D8E0, #CCBBC2, #816993, #474750)

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