Ancient Harbor color palette — #FFEDE8 · #FACEC9 · #FEA2A9 · #D27E68 · #3B1C11

A conversation between Ballet Pink and Coral Clay, giving this palette its sense of warmth and comfort.

The five colors

• Cream (#FFEDE8): A whisper-light, dusty orange — the color of autumn markets.
• Shell Pink (#FACEC9): A whisper-light, dusty orange — the color of toasted spice.
• Ballet Pink (#FEA2A9): A luminous, balanced red — the color of embers at dusk.
• Coral Clay (#D27E68): A luminous, balanced orange — the color of toasted spice.
• Espresso (#3B1C11): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Sophistication. Tagged candy, vibrant, 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 Amber Cabin color palette (#FFEEE2, #FFCCC2, #FFA379, #BA7920, #311700)
• Patina Mallow color palette (#FFEDED, #F8CCFF, #FBA2DA, #BF7283, #331414)
• Patina Courtyard color palette (#FFE3DA, #D99275, #AE6336, #723900, #452703)
• Feathered Tangerine color palette (#FFF0FE, #F7D1CA, #FFADB1, #F37947, #4E334B)
• Feathered Ember Quarry color palette (#FFEDE8, #FF9193, #F65C17, #AD6000, #230A00)
• Fern Courtyard color palette (#FFE0D3, #D1AD98, #9B856F, #615904, #353A00)
• Blush Corridor color palette (#FBF2FD, #F9CEFF, #FF909D, #AF7500, #4F324A)
• Wandering Chestnut color palette (#FFEFE0, #D7925A, #52A072, #955000, #04301A)

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