Ancient Harbor color palette — #E6FAFB · #7ED9BA · #DB9CB5 · #549C84 · #55475D

Built around Lagoon, softened by Fern — the whole palette hums with sophistication.

The five colors

• Ivory (#E6FAFB): A whisper-light, dusty blue — the color of deep harbor water.
• Lagoon (#7ED9BA): A luminous, balanced teal — the color of shallow lagoons.
• Mauve (#DB9CB5): A luminous, balanced rose — the color of strawberry cream.
• Fern (#549C84): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#55475D): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged 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

• Wandering Stone Coast color palette (#E6FBF4, #BACE8B, #C1A2DD, #859362, #4A4A64)
• Washed Aqua color palette (#EAF8FF, #66D5F3, #E09E91, #4199B1, #5C4457)
• Ancient Alley color palette (#E3FAFD, #76C1AB, #B887A4, #36826E, #554567)
• Washed Teal color palette (#F1F8EC, #AAE3D0, #F3AFD4, #1BC49E, #663F54)
• Washed Pier color palette (#E0FBFF, #D3DEEA, #C1B7D6, #8CB1B0, #3F5054)
• Muted Oat color palette (#E8FBEF, #A5D8C3, #81A590, #647C66, #384D47)
• Mint Hollow color palette (#E0FBFF, #25CCAF, #AB97DD, #B78662, #324649)
• Teal Studio color palette (#F2F7EE, #B1EDF4, #B8CAFF, #00B393, #394469)

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