Aged Cocoa color palette — #FFF2EA · #E2DBC3 · #CAA68E · #9C6C66 · #583700
A conversation between Cocoa and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Bone (#E2DBC3): A whisper-light, dusty green — the color of a quiet forest floor.
- Camel (#CAA68E): A luminous, dusty gold — the color of afternoon light on wheat.
- Mocha (#9C6C66): A full-bodied, dusty orange — the color of sun-warmed clay.
- Cocoa (#583700): 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 Aged 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
- Ancient Pewter color palette (#FFF2EB, #F4D7BF, #C88E7A, #925856, #36312B)
- Patina Bronze Pier color palette (#FFF3E4, #C6B171, #9A6D1B, #6A3700, #141300)
- Muted Atelier color palette (#FFF0F9, #D2ABBC, #967588, #6C5568, #3F4B3F)
- Weathered Driftwood Orchard color palette (#FCF3F0, #E0E1CD, #A87778, #5E3D32, #241814)
- Chestnut Boulevard color palette (#EFE5CD, #99A067, #6E6000, #422D00, #020500)
- Cocoa Study color palette (#F7E7DB, #B27737, #7A3700, #440700, #020100)
- Worn Terracotta color palette (#FFF3E7, #ECCB92, #C6802B, #994200, #302700)
- Ancient Coast color palette (#FEF2EE, #ECB3AD, #7ABEAA, #418BB2, #561D00)
Browse the whole catalog at Explore, or see today's palette.