Cocoa Alley color palette — #FCF4EB · #DDD0AF · #9C9E7D · #91747A · #5F4A00
Bronze takes the lead with Taupe close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FCF4EB): a clean, paper-quiet neutral.
- Wheat (#DDD0AF): A whisper-light, dusty gold — the color of old brass.
- Taupe (#9C9E7D): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#91747A): A full-bodied, dusty red — the color of late-summer berries.
- Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Hushed Fern color palette (#F8F5EE, #E4DFBD, #9AC390, #7EA497, #584E00)
- Wandering Pier color palette (#FCF2F5, #C1E7F7, #98BA8D, #86829B, #3A4B42)
- Muted Fern Villa color palette (#FFF1F5, #D2B9E3, #88C09C, #9D7DB1, #45540B)
- Driftwood Drift color palette (#EEF8F2, #A7CABE, #6C8B65, #51697E, #3B534B)
- Stone Harbor color palette (#FFF1F4, #E3D9D2, #B8C9A2, #B495B0, #644E4E)
- Washed Lagoon Archive color palette (#FAF5E3, #B1B991, #329285, #805850, #333A00)
- Dusty Mallow color palette (#FFF1F3, #D39BCF, #81B38C, #529A8E, #553A3E)
- Ancient Lilac Field color palette (#FFEAFC, #C7C4FD, #B488BF, #936384, #694640)
Browse the whole catalog at Explore, or see today's palette.