Cocoa Alley color palette — #FBF3EF · #E1CFA6 · #A96B59 · #753B15 · #312A25

Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Wheat (#E1CFA6): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#A96B59): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#753B15): A full-bodied, balanced gold — the color of old brass.
• Onyx (#312A25): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns 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

• Washed Olive Loft color palette (#F9F5E8, #E2BE88, #757723, #444516, #262212)
• Washed Jade Basin color palette (#FAF4EF, #F7C4AF, #74AD66, #C27655, #2E2E28)
• Faded Mustard Atelier color palette (#FFF3E7, #DBB741, #995600, #582F00, #24180B)
• Patina Driftwood Garden color palette (#FAF3F7, #BDEBF6, #9E7990, #543F4C, #22171E)
• Wandering Stone Garden color palette (#FBF2F7, #DEB98B, #765165, #47313D, #2B2222)
• Wandering Sand Terrace color palette (#FAF2F8, #DEE3B2, #B492AD, #7F6279, #332730)
• Washed Marigold Thicket color palette (#E9DCCC, #C1A14C, #744C00, #3A2400, #130900)
• Ancient Amber color palette (#F5EFE0, #BC8800, #504500, #201B00, #040200)

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