Cocoa Alley color palette — #EFDBF1 · #A65F6E · #783E05 · #003C48 · #00151A

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Thistle (#EFDBF1): A whisper-light, dusty pink — the color of a candy shop window.
• Mocha (#A65F6E): A full-bodied, balanced red — the color of late-summer berries.
• Bronze (#783E05): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#003C48): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00151A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Antique Plum color palette (#E8E5F7, #A3569E, #893B3A, #00342E, #001915)
• Muted Ridge color palette (#EDDCE4, #9B696A, #643C21, #003022, #000404)
• Softworn Market color palette (#F7E4E7, #9D6442, #5E571C, #20335D, #09092A)
• Tempered Cocoa color palette (#EAE8FC, #84506B, #62260C, #002535, #060D20)
• Weathered Onyx color palette (#D6DDF8, #8777AB, #915061, #00516A, #0A073D)
• Patina Terracotta Grove color palette (#F9E1DB, #A02000, #005861, #263760, #060000)
• Soft Chapel color palette (#F7DBD4, #BB2C00, #006470, #681400, #00070A)
• Rust Pier color palette (#FFEBE2, #BE5800, #7F2B00, #331400, #040100)

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