Ancient Cocoa color palette — #FFF4E1 · #A6AC7B · #846F43 · #774210 · #3E4100

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

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A6AC7B): A luminous, dusty green — the color of fresh herbs.
• Walnut (#846F43): A full-bodied, dusty gold — the color of old brass.
• Bronze (#774210): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3E4100): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Patina Bronze color palette (#FFF2EA, #C4A070, #9A6348, #6C473D, #3F3D36)
• Wandering Moss Drift color palette (#F2E7D2, #8EA051, #77611B, #5D3B20, #30312A)
• Aged Driftwood Bloom color palette (#EAFAEE, #B6DACA, #C0AA75, #AD7C51, #1C463D)
• Lime Station color palette (#F7F6EA, #9FBA6B, #4270AD, #536921, #2B1F2C)
• Olive Coast color palette (#F4EEDE, #588527, #4D4700, #3B2100, #111A00)
• Worn Apricot Coast color palette (#F4F8E5, #DD9F73, #2A5E33, #2D2F28, #111E13)
• Hazy Terracotta color palette (#F9D6C3, #C97700, #A02C04, #661E38, #332800)
• Weathered Emerald color palette (#F6F7E6, #599330, #8E5C90, #6C406E, #33332C)

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