Ancient Cocoa color palette — #FFF3E4 · #DBEAB3 · #C9C790 · #A17851 · #5B3F00

A conversation between Bronze and Mocha, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Celadon Mist (#DBEAB3): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#C9C790): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A17851): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5B3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, 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

• Washed Coast color palette (#FFF2EC, #E8D8C2, #E8BA91, #AF7C7C, #683102)
• Patina Celadon color palette (#FCF5DD, #D5EFA3, #99D199, #958C58, #46453D)
• Weathered Garden color palette (#FFF3E4, #E9D9B7, #A5BA87, #936045, #403C36)
• Bronze Canyon color palette (#FDE3CA, #D3A46A, #AB7238, #7C4E30, #34302A)
• Apricot Hollow color palette (#E8FBE8, #B1EAE2, #C8E1A0, #D88E6C, #28472E)
• Coral Meadow color palette (#FFF3E7, #BBEDD6, #C7C5CF, #D27374, #37332D)
• Weathered Fern color palette (#F6F6E6, #B7E4D8, #82ACBA, #A7A07B, #4E5300)
• Washed Mustard color palette (#F3EEE1, #D6B039, #6E6511, #3C3606, #1B1508)

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