Ancient Cocoa color palette — #FFF0D8 · #B0B06F · #867246 · #6F3F00 · #242413

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF0D8): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B0B06F): A luminous, balanced green — the color of new leaves after rain.
• Walnut (#867246): A full-bodied, dusty gold — the color of old brass.
• Bronze (#6F3F00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#242413): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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 Lagoon color palette (#FCEFE6, #D4B591, #AE7347, #83442B, #322B1D)
• Timeworn Chestnut Hollow color palette (#EBDFC8, #969F63, #786204, #583504, #191903)
• Cocoa Terrace color palette (#E6FCEA, #A6AC80, #597D61, #6E472F, #28433F)
• Weathered Chestnut Coast color palette (#EAFAEE, #A4C8B4, #A18D5E, #82623B, #25443A)
• Ancient Corridor color palette (#FFEBF9, #6C7AE4, #7A7938, #565520, #251320)
• Washed Olive color palette (#EFE7D2, #5E7F00, #4B4500, #301F00, #000801)
• Amber Parlor color palette (#F2DED3, #CE7300, #9B330D, #690023, #1A1000)
• Weathered Workshop color palette (#F9EEF7, #BFB66B, #405285, #331F30, #110910)

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