Ancient Cocoa color palette — #FFF3E7 · #B8A483 · #8E6A47 · #754232 · #3F3D36
Built around Coffee, softened by Walnut — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Camel (#B8A483): A luminous, dusty gold — the color of old brass.
- Walnut (#8E6A47): A full-bodied, dusty gold — the color of old brass.
- Coffee (#754232): A full-bodied, dusty orange — the color of sun-warmed clay.
- Charcoal (#3F3D36): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Ancient 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
- Worn Harbor color palette (#FEF3E8, #D9B88A, #B6844C, #865F43, #413C36)
- Softworn Garnet color palette (#FFEADB, #C0935A, #9F511D, #8D0116, #413400)
- Softworn Summit color palette (#FEF3ED, #B9B07A, #7A3E2F, #4F1B0E, #2C1E17)
- Hushed Cabin color palette (#FFF1F6, #E6CE98, #D2A173, #A07B94, #2D4339)
- Ancient Lantern color palette (#F5E7DB, #9F834E, #7E4500, #651703, #282500)
- Ancient Terracotta color palette (#FCF3EE, #D6A08C, #288156, #A13900, #202710)
- Misty Fern color palette (#FFEFE7, #C7A373, #837D24, #345C00, #00482A)
- Ancient Denim color palette (#FCF4E9, #9E7A42, #2C8269, #204F9E, #37322C)
Browse the whole catalog at Explore, or see today's palette.