Ancient Harbor color palette — #DAE7E3 · #C0ACBF · #9E8498 · #004775 · #030D0A

Navy and Heather set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DAE7E3): bright and airy, almost weightless.
• Ash (#C0ACBF): A luminous, dusty pink — the color of neon signs at night.
• Heather (#9E8498): A luminous, dusty pink — the color of a candy shop window.
• Navy (#004775): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#030D0A): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Ancient 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

• Ancient Denim Coast color palette (#DAE5EF, #AFBACA, #848DA8, #004971, #12212D)
• Abyss Drift color palette (#E5ECE6, #A8B8AC, #799585, #004E50, #020E04)
• Navy Lagoon color palette (#F8EAF5, #B097A7, #946F82, #1E2E73, #090207)
• Petrol Loft color palette (#DBE4E0, #CDBFC9, #B99CA4, #006893, #0A251C)
• Mulberry Delta color palette (#F3E5E7, #DFC3C6, #B49D9D, #6F4074, #1D1215)
• Driftwood Hollow color palette (#F8EFF3, #E1D4D2, #B4ABA4, #967988, #3B3437)
• Hushed Alley color palette (#E8ECFF, #7E6FBB, #5E486F, #481C21, #240200)
• Olive Loft color palette (#EFE4C9, #7B7F00, #3C4B00, #003229, #0B0700)

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