Antique Cocoa color palette — #FFF3E9 · #E1DBC2 · #C9A78A · #9B6E5A · #593700

Cocoa and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Bone (#E1DBC2): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#C9A78A): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#9B6E5A): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#593700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Washed Pier color palette (#FFF2E9, #F3D7BF, #BF937A, #955943, #36312B)
• Bronze Quarry color palette (#FFF4E1, #C1B377, #917115, #5E3F00, #151300)
• Antique Driftwood color palette (#FFF1F7, #D8A9BA, #9E775B, #6D5563, #3F4C3E)
• Patina Workshop color palette (#EFF8ED, #8DD3CA, #CEA67A, #878549, #283625)
• Washed Meadow color palette (#FEECF5, #D3B690, #9A7689, #674F64, #1F3126)
• Obsidian Cocoa Summit color palette (#F1DCC6, #8E6B3C, #573200, #210C00, #020100)
• Fern Chapel color palette (#ECE6CD, #94A167, #636400, #393200, #020500)
• Ancient Pewter color palette (#FFF0F8, #E5D5D5, #BDA4D8, #8E5C9D, #582356)

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