Ancient Cocoa color palette — #FFF2EB · #DDC6B0 · #C58C78 · #93685D · #604100
A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Oat (#DDC6B0): A whisper-light, dusty gold — the color of honey in a jar.
- Caramel (#C58C78): A luminous, dusty orange — the color of autumn markets.
- Walnut (#93685D): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#604100): A full-bodied, balanced 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 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
- Wandering Grove color palette (#FFF1F6, #E4B9E4, #D37D99, #A05752, #6E3C19)
- Muted Drift color palette (#FFF0F9, #DBAC93, #A17463, #6E5467, #544249)
- Basalt Bloom color palette (#FAF5E5, #B3C69B, #969254, #816331, #3A4200)
- Patina Bronze Corridor color palette (#F4DEC5, #B09E5D, #9B6400, #7A3712, #232700)
- Stone Thicket color palette (#FFF0FA, #F1CFDB, #CEA9C2, #9D8AA4, #394D40)
- Ancient Bronze Delta color palette (#ECDDD4, #AF6B00, #873600, #600014, #100A00)
- Hazy Amber Veranda color palette (#FFEAD8, #D8AD59, #C36D00, #924736, #38352E)
- Moss Corridor color palette (#ECDDBE, #899531, #735E00, #583400, #171800)
Browse the whole catalog at Explore, or see today's palette.