Ancient Harbor color palette — #ECF4ED · #ACCBC0 · #5C8D8B · #5D6075 · #21362F

Storm Blue takes the lead with Stone close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Cream (#ECF4ED): bright and airy, almost weightless.
• Stone (#ACCBC0): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#5C8D8B): A luminous, dusty teal — the color of sea glass.
• Graphite (#5D6075): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#21362F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Softworn Studio color palette (#EFF8F2, #AAC9BE, #6F8A64, #666084, #3A534B)
• Tempered Loft color palette (#F6EFF4, #D3DDED, #82A0BC, #407864, #2C364B)
• Muted Cypress Courtyard color palette (#E2F8EC, #88B681, #007D68, #5D3F63, #062903)
• Wandering Pier color palette (#D1EBE0, #659C75, #00635C, #4E294A, #001615)
• Weathered Turquoise Lantern color palette (#FDECF8, #E0A195, #5BA7C9, #9E5E51, #0D354B)
• Muted Basalt Harbor color palette (#FAF5E8, #C1E2CF, #B0B287, #9A7D83, #514600)
• Worn Cerulean Balcony color palette (#FFEBF6, #C78C71, #5297B5, #3D829E, #351F2C)
• Driftwood Alley color palette (#F5EEFF, #DE9CA5, #B67361, #774D2D, #1D3A25)

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