Ancient Cocoa color palette — #FDEFE4 · #C2A58A · #926B53 · #69402F · #2E200F

Built around Cocoa, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Cream (#FDEFE4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#C2A58A): A luminous, dusty gold — the color of old brass.
• Walnut (#926B53): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#69402F): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#2E200F): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, 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

• Aged Bronze Harbor color palette (#F9F1E4, #C7BA9D, #A17C3A, #774E06, #322C1B)
• Timeworn Coast color palette (#EEDDCE, #AF9373, #87582F, #5C3217, #241400)
• Ancient Ridge color palette (#FFF0F7, #97AE96, #91684F, #783F3A, #2C4335)
• Chestnut Thicket color palette (#FFF0F7, #DAB0C1, #B18468, #8F5943, #4E353D)
• Powdered Olive Grove color palette (#F4E9C3, #9BA956, #716F01, #4E4400, #162000)
• Chestnut Boulevard color palette (#F0DCC9, #855600, #502C00, #291000, #030100)
• Forest Villa color palette (#EFF4E7, #B3B887, #1F6441, #232B0D, #0A0E03)
• Olive Terrace color palette (#F1F4E2, #558E4E, #8D3C3E, #663909, #1A1300)

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