Ancient Navy Harbor color palette — #E6EEF8 · #9FA4B6 · #8980A3 · #004484 · #040A12

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

The five colors

• Frost (#E6EEF8): bright and airy, almost weightless.
• Blue Fog (#9FA4B6): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8980A3): A luminous, dusty violet — the color of a velvet chair.
• Navy (#004484): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#040A12): 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 Ancient 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

• Muted Ultramarine Orchard color palette (#E8EFFA, #A19DAF, #8E839E, #385BBA, #040915)
• Muted Aubergine Station color palette (#ECEDF6, #A8A1B3, #987B97, #552688, #070814)
• Muted Navy color palette (#EEE5EE, #C9B4BF, #A88890, #0E3975, #030003)
• Worn Navy color palette (#EEE2ED, #A7939F, #856772, #0B265D, #0F050F)
• Grape Study color palette (#E5E7EF, #C7C0D4, #B49BB5, #694E9F, #1D1E2A)
• Washed Hollow color palette (#C3EDF8, #6870AB, #743C5B, #003A28, #00180E)
• Hushed Cobalt color palette (#F2F5FD, #E0D5E0, #D4B5C4, #7B79B1, #363A45)
• Misty Aubergine color palette (#CCEAE1, #006B97, #5B007F, #182400, #000119)

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