Ancient Cocoa Harbor color palette — #FFF2EA · #E1DCC2 · #C7A790 · #A06A60 · #563800

Cocoa takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#E1DCC2): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#C7A790): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#A06A60): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#563800): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Worn Taupe color palette (#FFF2EA, #F6D6BA, #CA8D72, #955750, #35312B)
• Washed Bronze color palette (#FFF3E2, #C1B375, #947024, #673A00, #171200)
• Wandering Driftwood Alley color palette (#FFF1F8, #D8A9BA, #A1755E, #6B5666, #3D4C3F)
• Ancient Stone color palette (#FDECF6, #D5B58C, #9A768B, #635066, #203028)
• Stone Courtyard color palette (#FAF5E9, #D0C582, #88B3DE, #8E74AB, #34312B)
• Wandering Bronze Market color palette (#FAE2CE, #AD7A38, #763B00, #400D00, #020100)
• Antique Fern color palette (#EEE5CC, #94A16A, #6A6200, #402F00, #010500)
• Patina Lagoon Cabin color palette (#FEF7CC, #B9F4E0, #86BE9C, #008977, #004A4D)

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