Ancient Harbor color palette — #F5F7E8 · #D4D9EB · #34C0E4 · #00878B · #003B4F

A conversation between Cyan and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Silver (#D4D9EB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cyan (#34C0E4): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00878B): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003B4F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Aqua Balcony color palette (#EEF0DE, #64C8D6, #007388, #003E3D, #000305)
• Dusty Boulevard color palette (#F5F6EE, #C0DFE3, #6ECCD6, #3C9286, #244832)
• Tempered Azure Lantern color palette (#F4F7EA, #D0E5FB, #00A9D8, #00717A, #00283B)
• Patina Veranda color palette (#E9F9F7, #A0D9E6, #008DAD, #00666A, #00465F)
• Sky Coast color palette (#FFF2EC, #C6F0D4, #4CC4FF, #00A88D, #0B3F7A)
• Cobalt Lantern color palette (#F3F7EA, #A4D1F9, #3A7CC7, #004D6A, #00072F)
• Hushed Denim Market color palette (#E2E6DB, #6FA9D2, #005794, #002937, #000105)
• Washed Wisteria Lagoon color palette (#FFF1F1, #E5D7D4, #BBB3A3, #CC7BB8, #512534)

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