Cocoa Alley color palette — #FCE9D7 · #A67E3E · #723F00 · #3C1200 · #020100

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

The five colors

• Cream (#FCE9D7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#A67E3E): A luminous, balanced gold — the color of old brass.
• Bronze (#723F00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3C1200): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Chestnut Station color palette (#F7E1C9, #B59554, #865200, #512200, #050400)
• Olive Hollow color palette (#E5DED1, #75773C, #483B00, #1C1000, #010100)
• Hushed Bronze color palette (#FFF3E5, #DBB658, #AB7000, #773B00, #1C1900)
• Airy Parlor color palette (#F5DBC4, #AE8B1F, #A15900, #8E1517, #0F0B00)
• Denim Station color palette (#F5E7F6, #005FB2, #7C3600, #2D2900, #000104)
• Eclipse Atelier color palette (#CDE8E0, #B0871E, #002D4D, #0A0C14, #000104)
• Airy Ridge color palette (#FFF5D8, #C8D89E, #9B963E, #775B00, #143002)
• Ultramarine Summit color palette (#F0DAEB, #264CBD, #551C00, #0C1400, #000102)

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