Cocoa Alley color palette — #FCF4E7 · #D09790 · #956E46 · #006769 · #6E3709

Bronze takes the lead with Peacock close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Camel (#D09790): A luminous, dusty orange — the color of toasted spice.
• Walnut (#956E46): A full-bodied, dusty gold — the color of old brass.
• Peacock (#006769): A full-bodied, dusty teal — the color of glacier melt.
• Bronze (#6E3709): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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 Thicket color palette (#FCF4E8, #C2A275, #767C4E, #2D5E85, #5E4200)
• Hushed Thicket color palette (#FCF4E8, #C498B5, #A26364, #2F673C, #5D3F3C)
• Softworn Bronze Quarry color palette (#F7F1E3, #D297B2, #A36A28, #2C557B, #3A2721)
• Powdered Amber Study color palette (#FFF4E2, #CB703B, #775C00, #004E5F, #4F2B00)
• Worn Amber Boulevard color palette (#E7FBF0, #E9A8C1, #B8874C, #4E7391, #524150)
• Ancient Pewter color palette (#FFF2EB, #D6C6B5, #9A9077, #567962, #3B565A)
• Hushed Fern Alley color palette (#F5F6EC, #BBC6AA, #728967, #835A54, #415611)
• Softworn Stone Delta color palette (#EAFAED, #FFBDB5, #D3A473, #5B9899, #54414D)

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