Cocoa Alley color palette — #FFF0F7 · #EBD3D0 · #DAB8BD · #AE9386 · #784211

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Bone (#EBD3D0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rosewood Mist (#DAB8BD): A luminous, dusty red — the color of embers at dusk.
• Taupe (#AE9386): A luminous, dusty orange — the color of autumn markets.
• Bronze (#784211): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Petal Studio color palette (#DBFEF4, #F4DBF2, #CDB6C4, #B49A9A, #604A46)
• Antique Fern Alley color palette (#F8F5ED, #E5DEC1, #BCB88B, #8FA088, #5B4C00)
• Muted Cocoa Studio color palette (#F6F1FF, #EBC0F2, #CCA2BF, #A87561, #6F4217)
• Tempered Thicket color palette (#EFDAE8, #D592AC, #AB767B, #7D5E2D, #382D00)
• Softworn Amber Basin color palette (#F5D7DC, #ECA9A2, #D2896E, #88813E, #32420E)
• Oat Hollow color palette (#FFF1F5, #E3C9F7, #F6B696, #B999D1, #524C47)
• Ancient Driftwood Harbor color palette (#E9F8FF, #DBDBE5, #C0BEDE, #6A9284, #395758)
• Weathered Lagoon color palette (#E7DDFA, #9C7187, #825175, #6A3C2B, #240F00)

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