Cocoa Alley color palette — #F9F5ED · #E6CF95 · #887D54 · #624900 · #2F2B22

A conversation between Bronze and Wheat, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F5ED): bright and airy, almost weightless.
• Wheat (#E6CF95): A whisper-light, dusty gold — the color of old brass.
• Walnut (#887D54): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#624900): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2F2B22): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Tempered Chapel color palette (#F3F8E6, #C9CA7E, #498059, #41433C, #202316)
• Muted Atelier color palette (#F0F7F3, #C6E8CD, #AA9F6A, #766D43, #202F26)
• Antique Mustard color palette (#FAF6E2, #A7B45A, #51ACAF, #817874, #3F3D36)
• Bronze Summit color palette (#EDE6D3, #8D7100, #302D00, #1A221C, #070600)
• Fern Summit color palette (#FBF6DE, #97CE9C, #64A18A, #4A7A6B, #404F02)
• Misty Mustard color palette (#E1DFCA, #BBA523, #485F00, #212E00, #0E0B00)
• Taupe Thicket color palette (#F5F6EE, #D4DDD5, #A5B3B1, #9C9E80, #53534A)
• Cocoa Station color palette (#FBF4EA, #EBCD92, #907A52, #684500, #312A21)

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