Ancient Cocoa color palette — #FFF2EC · #DFDACD · #D8BE88 · #A1717C · #7A401B
Bronze and Sand set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#DFDACD): a clean, paper-quiet neutral.
- Sand (#D8BE88): A luminous, dusty gold — the color of afternoon light on wheat.
- Mocha (#A1717C): A luminous, dusty red — the color of embers at dusk.
- Bronze (#7A401B): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Patina Cocoa Bloom color palette (#FFF3E5, #DBE3C8, #B7D7A6, #9E6B50, #644500)
- Wandering Bronze Basin color palette (#FFF4E0, #B6A67C, #837041, #674C2A, #3F3D36)
- Ash Workshop color palette (#FEF0FD, #EBD4D3, #D0E3AF, #C183B6, #644859)
- Softworn Driftwood Lantern color palette (#FFEDE8, #DFDAC5, #C8D091, #A2739E, #352E2B)
- Hushed Delta color palette (#F8EACE, #BBCA88, #6DA67A, #815105, #363201)
- Ancient Terracotta color palette (#FFF2EC, #FCCE93, #AEA541, #A43639, #5B3104)
- Washed Chestnut Canyon color palette (#FAF4ED, #CCA873, #3E7F4F, #805600, #222710)
- Frosted Archive color palette (#F6DAD2, #D69659, #8A7300, #730022, #301200)
Browse the whole catalog at Explore, or see today's palette.