Ancient Harbor color palette — #F9F4EE · #C5DFEC · #A1D3C6 · #87AD92 · #5E4C5C

A conversation between Sage and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Powder Blue (#C5DFEC): A whisper-light, dusty blue — the color of open sky before noon.
• Pistachio (#A1D3C6): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#87AD92): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5E4C5C): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Washed Hollow color palette (#FAF4EE, #C4E0EE, #9AB2DC, #58938B, #634A57)
• Softworn Stone color palette (#EBFAE7, #C5E4DF, #ADBE95, #B0AEBA, #465546)
• Tempered Mint color palette (#F4FAD1, #A4E4BF, #78CCB3, #5AA499, #3E583E)
• Softworn Petrol Atelier color palette (#EEF4EF, #D5DCF0, #77A0C9, #277783, #29374B)
• Feathered Aqua color palette (#FCF4E7, #B1F3F3, #00CCE7, #00A986, #00475C)
• Fern Veranda color palette (#FBF5E3, #DFDBBB, #C2B58E, #A38F6C, #4B4B00)
• Ancient Cobalt color palette (#E9DFD0, #80A5C5, #4473C0, #005A6E, #05002C)
• Tempered Bloom color palette (#EDE3D4, #6AC1BD, #0094A1, #007051, #00171F)

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