Cocoa Alley color palette — #FCF5E3 · #FFBBC6 · #C5AA75 · #68978B · #6F350F
A conversation between Bronze and Ballet Pink, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FCF5E3): A whisper-light, dusty gold — the color of old brass.
- Ballet Pink (#FFBBC6): A whisper-light, dusty red — the color of embers at dusk.
- Camel (#C5AA75): A luminous, dusty gold — the color of honey in a jar.
- Eucalyptus (#68978B): A luminous, dusty teal — the color of glacier melt.
- Bronze (#6F350F): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication. Tagged retro, light, 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 Cocoa Cabin color palette (#FFF3E4, #FFC0A2, #A6B586, #A18098, #633F00)
- Hushed Mallow color palette (#F6F7E1, #E4BFFD, #DD9B92, #5997A1, #584142)
- Patina Olive color palette (#FFF3E3, #FFD2B8, #BE9B6E, #717932, #5D3400)
- Hushed Boulevard color palette (#FFF1F0, #E4DAC2, #CAC3A2, #A694A0, #5D4956)
- Antique Shell color palette (#FFF2EE, #FFADB7, #69BCA4, #7188AB, #513851)
- Apricot Pier color palette (#EBFAED, #FAA58D, #AD8C5D, #4F7584, #53424B)
- Antique Studio color palette (#FEF3E9, #E5D2C9, #9CE5DE, #9AC2B8, #694100)
- Softworn Canyon color palette (#FFF2E9, #EDC06B, #62B989, #8B77A4, #3F3D36)
Browse the whole catalog at Explore, or see today's palette.