Cocoa Alley color palette — #ECD8DF · #BF96BD · #9D6586 · #774210 · #322D28
A conversation between Bronze and Mocha, giving this palette its sense of optimism and creativity.
The five colors
- Silver (#ECD8DF): A whisper-light, dusty rose — the color of strawberry cream.
- Mauve (#BF96BD): A luminous, dusty pink — the color of neon signs at night.
- Mocha (#9D6586): A full-bodied, balanced pink — the color of peonies in June.
- Bronze (#774210): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#322D28): quiet, heavy and certain.
Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, 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
- Weathered Bronze color palette (#FBDDD8, #C0988B, #A76854, #5A521F, #2D2910)
- Pewter Villa color palette (#FAEAFA, #9CA9D6, #6F659F, #653E3B, #3B251F)
- Chestnut Veranda color palette (#FFEDEE, #DBB1AE, #A58279, #815615, #3E3B34)
- Timeworn Mallow color palette (#E0E3FF, #C9AAD7, #AB84A4, #7B6172, #543D47)
- Antique Ash color palette (#D1E4FF, #AD97C5, #80688A, #345D58, #0E4551)
- Dusty Rust color palette (#FEE8F1, #CC818E, #BA3C2E, #4D3C00, #212200)
- Washed Mulberry color palette (#F0DCF5, #966486, #883459, #452200, #160D00)
- Ash Studio color palette (#D8FFF4, #F3C9DB, #C788AB, #527A5D, #2A3F00)
Browse the whole catalog at Explore, or see today's palette.