Cocoa Alley color palette — #FDF4E6 · #FFD1C2 · #B79E78 · #367E89 · #5F3200

Bronze and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Shell Pink (#FFD1C2): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#B79E78): A luminous, dusty gold — the color of old brass.
• Teal (#367E89): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#5F3200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Tempered Meadow color palette (#FCF4E8, #F4BFD2, #CAA77F, #728BC3, #713319)
• Aged Olive Field color palette (#FDF4E5, #FFCCE3, #CD9086, #677C3A, #503934)
• Dusty Parlor color palette (#FEF3EC, #FFB99A, #81A679, #40718D, #4B2B48)
• Cocoa Canyon color palette (#FBF4E9, #DCE4CA, #B4AF8E, #9B7E77, #574300)
• Dusty Bronze color palette (#ECF9EE, #D39784, #976F2A, #006571, #55414B)
• Honey Canyon color palette (#FFF4E2, #D7CF7D, #6EA16D, #545F95, #33322B)
• Marigold Terrace color palette (#FFF4DE, #FFA85C, #988700, #006181, #382300)
• Patina Garden color palette (#F9F4EE, #C5DDE4, #99CFCE, #649F97, #31564A)

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