Ancient Cocoa color palette — #FDF4E3 · #E1DBAD · #C6B48F · #A08F76 · #564600

Deep Olive takes the lead with Wheat close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#E1DBAD): A whisper-light, dusty green — the color of fresh herbs.
• Sand (#C6B48F): A luminous, dusty gold — the color of old brass.
• Caramel (#A08F76): A luminous, dusty gold — the color of old brass.
• Deep Olive (#564600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Muted Chestnut color palette (#F7F1E6, #C1BC9E, #918258, #724F35, #2B2E1D)
• Washed Seafoam Canyon color palette (#F3F7EB, #89D7A7, #80BFE7, #B09471, #3C3E37)
• Worn Stone color palette (#ECF9F0, #BAE8E8, #92B99F, #698268, #30443E)
• Linen Bronze color palette (#EAE1D5, #BE9A40, #A37200, #7F4E00, #1C1600)
• Softworn Olive color palette (#F6F6EA, #EBE09F, #92A779, #766F25, #2C2C22)
• Muted Grove color palette (#FFEADC, #FFB483, #E38A5F, #AC6D5B, #3A342F)
• Washed Olive Drift color palette (#E8E0C8, #81881E, #696200, #4C3E00, #030400)
• Antique Apricot Ridge color palette (#FFE5CF, #EA9F50, #C6793C, #96593B, #312009)

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