Ancient Harbor color palette — #FDF3EC · #A9CFBF · #5E78A8 · #006059 · #502D41

Slate takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Pistachio (#A9CFBF): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5E78A8): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#006059): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#502D41): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Worn Bloom color palette (#FDF3EE, #ADCFB3, #3E81A2, #00643A, #233A62)
• Aged Cerulean Villa color palette (#FDF3F0, #CDE3CD, #4F95AC, #436E47, #553E58)
• Washed Cobalt color palette (#EBF5ED, #B3CBDD, #3C81BB, #005A63, #0C1E43)
• Sunlit Navy Thicket color palette (#FFF2EB, #5CC9DF, #0074B1, #00583F, #1C2776)
• Ancient Grove color palette (#FBF4EF, #CDE5E4, #AA8EAB, #3D7B70, #624A58)
• Feathered Quarry color palette (#E0F5E9, #259CBD, #A56A00, #006078, #4B2E00)
• Dusty Terrace color palette (#D1F5E9, #00A8AF, #007297, #06468D, #363767)
• Washed Atelier color palette (#C5EFE3, #2280C1, #9E5800, #675300, #00342A)

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