Ancient Harbor color palette — #FFF2EF · #E0AAAA · #AF6E66 · #864A35 · #713813

Bronze takes the lead with Coffee close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rosewood Mist (#E0AAAA): A luminous, dusty red — the color of embers at dusk.
• Mocha (#AF6E66): A luminous, balanced orange — the color of autumn markets.
• Coffee (#864A35): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#713813): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Garnet Ridge color palette (#FCF1FF, #D5B0D1, #A67293, #7E4360, #6F291F)
• Timeworn Cocoa Quarry color palette (#FFF2EE, #EFD5CF, #F1BA9D, #D49174, #753919)
• Aged Chestnut color palette (#FFF3E8, #D7B693, #987948, #715819, #374E18)
• Timeworn Driftwood Atelier color palette (#FCF3F1, #DED8D3, #A7AFA3, #A3746E, #59504F)
• Antique Basin color palette (#F6F3FF, #D6C0E5, #C88983, #AD592B, #5C4000)
• Tangerine Boulevard color palette (#FFDDD7, #F88157, #AA5200, #683900, #383200)
• Hushed Bronze color palette (#FEEEE7, #B0645F, #612B00, #312621, #19140E)
• Lowlit Brick Bloom color palette (#F6D9D8, #AB2F21, #531500, #200900, #040300)

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