Ancient Cocoa Harbor color palette — #EEE7DD · #BBB2A0 · #968D72 · #583E00 · #100902

Deep Olive takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#EEE7DD): a clean, paper-quiet neutral.
• Stone (#BBB2A0): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#968D72): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#583E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#100902): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Ancient Cocoa 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

• Weathered Garnet Hollow color palette (#EDE4E0, #C1AFA4, #A28872, #7D1700, #150702)
• Tempered Bronze color palette (#E7E2D6, #A4A08F, #857E35, #3C3700, #060400)
• Ancient Basin color palette (#EBF2EB, #AABFB3, #74968E, #5E3C00, #172316)
• Forest Garden color palette (#E7EAE3, #C5CFBD, #96AB8E, #006641, #14170E)
• Faded Amber Alley color palette (#F1EDDF, #C29200, #8E7F00, #475B00, #060600)
• Chestnut Station color palette (#F9F4EF, #D7DCCC, #ADC39A, #825400, #140A01)
• Hushed Forest Lantern color palette (#E8EDD2, #6C894E, #206633, #003843, #00111C)
• Weathered Chestnut color palette (#F4EBD7, #756400, #374100, #002423, #060500)

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