Ancient Harbor color palette — #FAF4EE · #C5DFEF · #AFC8F2 · #8AAC90 · #614B58

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Powder Blue (#C5DFEF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#AFC8F2): A whisper-light, dusty violet — the color of wild irises.
• Sage (#8AAC90): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#614B58): A full-bodied, dusty pink — the color of peonies in June.

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

• Wandering Cerulean color palette (#F4F6F0, #C9DAE5, #B9BEEA, #569CB9, #594659)
• Worn Taupe Field color palette (#FBF3EF, #C1E1E5, #AAD2B8, #9CA881, #355147)
• Hushed Taupe color palette (#F8F6E6, #CCDDA8, #D8B8F0, #9EB26F, #62434D)
• Timeworn Lagoon color palette (#FDF3EC, #C5EAD7, #77B8F2, #00A199, #4C2F47)
• Timeworn Quarry color palette (#F7EFF2, #D9D0E3, #819CCF, #227880, #2F3548)
• Aged Parlor color palette (#FFF2E9, #EAD6BE, #CFAF96, #AF8878, #5C4300)
• Mallow Balcony color palette (#F8F6E2, #BBD09B, #C6B0F1, #D193A8, #4A4400)
• Forest Station color palette (#F0DED4, #70ADAA, #008297, #006137, #000B14)

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