Ancient Harbor color palette — #E4F3F1 · #6FA9C4 · #007DB2 · #005B6B · #000A17

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#E4F3F1): bright and airy, almost weightless.
• Blue Fog (#6FA9C4): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007DB2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005B6B): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Weathered Iris color palette (#D1E1F1, #87ACE6, #7F85FF, #006C99, #000B1F)
• Wandering Denim color palette (#F4E7EE, #489EC0, #005B9B, #003C39, #030229)
• Pale Courtyard color palette (#E5F1FC, #0086C9, #BF00A0, #005A89, #11000C)
• Dusty Lagoon color palette (#D0EDF2, #00819A, #006882, #004760, #000D17)
• Patina Cerulean color palette (#DCEEEB, #89CCDA, #00A2C4, #007C80, #002331)
• Cornflower Basin color palette (#DCE6F1, #0292F2, #006AB1, #003A64, #000205)
• Navy Grove color palette (#F5E3EC, #40829C, #003A76, #00201A, #01000A)
• Weathered Hollow color palette (#D6ECFF, #0075B6, #8F1EC8, #006758, #000205)

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