Aged Harbor color palette — #ECF1E3 · #527CA6 · #00377E · #001D2C · #00000D

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

The five colors

• Cream (#ECF1E3): bright and airy, almost weightless.
• Slate (#527CA6): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00377E): A deep, shadowed, balanced blue — the color of open sky before noon.
• 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 Aged 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

• Feathered Nightshade Bloom color palette (#F0DFE4, #6384A4, #1F2599, #002128, #0C0026)
• Lagoon Chapel color palette (#E9EBDD, #348590, #004350, #001F1F, #000203)
• Softworn Ultramarine color palette (#D4E9E9, #7396B9, #0554AF, #003850, #010030)
• Weathered Petrol color palette (#E9EBDB, #79C0CE, #007791, #004B4D, #001924)
• Washed Cerulean color palette (#F2F3E7, #98DEE2, #0093A4, #00635C, #002A34)
• Aged Cypress color palette (#E4E9D1, #5DA17B, #007968, #1E3C00, #000301)
• Muted Cerulean Ridge color palette (#F0F3EB, #C1E6DA, #6B90BC, #296681, #3A2338)
• Forest Market color palette (#E6F4E6, #006F1C, #003610, #0A1719, #000901)

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