Ancient Cocoa Alley color palette — #FFF3E4 · #B4A58B · #8A6D41 · #774313 · #3F3D36

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B4A58B): A luminous, dusty gold — the color of old brass.
• Walnut (#8A6D41): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#774313): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Ancient Cocoa Alley 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

• Tempered Workshop color palette (#F3E6D3, #A59571, #7C5E20, #633800, #32302A)
• Hushed Pier color palette (#F8F5EA, #BDB99B, #838455, #6D5C28, #4A4C00)
• Driftwood Hollow color palette (#ECFAEB, #9FC9B3, #AF8750, #8C5B4A, #2C423D)
• Sand Drift color palette (#E7FCE8, #E5CF90, #C9A674, #A27B8C, #2C4338)
• Patina Hollow color palette (#F2E8D5, #797945, #534400, #382300, #111900)
• Cobalt Quarry color palette (#FEF0FB, #627EC6, #9B622C, #4C5B00, #3F2B3C)
• Airy Fern Courtyard color palette (#FFF0FA, #7778BA, #844400, #295100, #173124)
• Softworn Ultramarine color palette (#FBF2F8, #A1ACDA, #9E5370, #444DC5, #331E1B)

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