Ancient Harbor color palette — #E8F9FD · #8CD2CE · #CC9EBA · #B96951 · #20353B

Mocha and Lagoon set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E8F9FD): a clean, paper-quiet neutral.
• Lagoon (#8CD2CE): A luminous, dusty teal — the color of glacier melt.
• Mauve (#CC9EBA): A luminous, dusty pink — the color of peonies in June.
• Mocha (#B96951): A luminous, balanced orange — the color of autumn markets.
• Deep Teal (#20353B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Worn Alley color palette (#E7FAF7, #A6D1A2, #AEA5DE, #B16882, #1C3734)
• Bronze Corridor color palette (#EDF7FF, #90CBF4, #D99E90, #987F3A, #243440)
• Weathered Bronze color palette (#EEF6FD, #9DD4F3, #B389B5, #975A28, #02423F)
• Wandering Mallow Canyon color palette (#E9F9FA, #8BD4BA, #E19CD0, #A79A67, #2F4142)
• Frosted Peony Bloom color palette (#E9F8FF, #00BAD5, #E65889, #985300, #002026)
• Teal Delta color palette (#EDF5E7, #25AC8E, #AE7065, #645C59, #1D2617)
• Softworn Alley color palette (#F0F6FA, #D8DAE1, #CBC0C5, #69BCD4, #444F55)
• Teal Corridor color palette (#EFF7F9, #D3DFEB, #99ACE6, #00AFB4, #181E29)

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