Ancient Cocoa color palette — #F7F0D9 · #9BAA90 · #447C98 · #644000 · #3A2400

Bronze takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7F0D9): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9BAA90): A luminous, dusty green — the color of new leaves after rain.
• Slate (#447C98): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#644000): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3A2400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Fern Field color palette (#EFF0DE, #9CB393, #846D84, #54521E, #2F2E28)
• Washed Petrol color palette (#CDF3E8, #64A595, #007CA2, #564000, #002812)
• Olive Courtyard color palette (#FAEBD6, #AFA68D, #5F7C3D, #74403A, #392605)
• Basalt Loft color palette (#E1FBFF, #BEE2F1, #7F9FBE, #7C6587, #542D24)
• Washed Bronze Cabin color palette (#E8F6EA, #B8C8BA, #7F998C, #85621D, #3E4700)
• Denim Terrace color palette (#F4EDD7, #4A8F76, #006178, #342900, #121100)
• Sunlit Bloom color palette (#B6F5E6, #80BCD4, #7C76B3, #285E2A, #00352C)
• Timeworn Pewter color palette (#C2EEEB, #A68AA6, #7B5C89, #004433, #002A1E)

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