Ancient Cocoa color palette — #FFEFE0 · #DBD9C2 · #ADAEBD · #9C816E · #5A3700

Cocoa takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFEFE0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bone (#DBD9C2): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#ADAEBD): A luminous, dusty violet — the color of twilight just after sunset.
• Mocha (#9C816E): A luminous, dusty gold — the color of old brass.
• Cocoa (#5A3700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. 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

• Tempered Stone Atelier color palette (#F9F1DF, #D5E1C3, #B6CCA8, #99886F, #3A3731)
• Washed Driftwood Chapel color palette (#FFF0F7, #C4E6EC, #AFABC8, #A18199, #5E4A51)
• Softworn Bronze color palette (#FFEEE3, #D4B49B, #AE7348, #814621, #35291E)
• Weathered Straw Thicket color palette (#FFF0D8, #FBE584, #B3BB6B, #986A33, #352A00)
• Muted Bronze Meadow color palette (#EAE1D5, #A47F22, #7A6E00, #502900, #040200)
• Muted Lime Orchard color palette (#EFF3DF, #8DC05A, #48A153, #4D4700, #100D00)
• Patina Workshop color palette (#F8F1E2, #AB942B, #539085, #7B5347, #272216)
• Chalky Lime Ridge color palette (#F9EBBD, #D8D36D, #98B455, #73530C, #201600)

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