Cocoa Alley color palette — #F0E9E2 · #C5B79D · #948F6F · #643900 · #2A1C0D

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

The five colors

• Cream (#F0E9E2): bright and airy, almost weightless.
• Stone (#C5B79D): A luminous, dusty gold — the color of honey in a jar.
• Eucalyptus (#948F6F): A luminous, dusty green — the color of fresh herbs.
• Bronze (#643900): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2A1C0D): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Wandering Driftwood Chapel color palette (#F5EDE0, #AEAA94, #7E863F, #473400, #1A1206)
• Chestnut Workshop color palette (#F6E7ED, #B7C9BE, #8AADA6, #8B500E, #2E1721)
• Dusty Forest color palette (#EEEFE7, #C6D0BE, #90A893, #296423, #2E2F20)
• Bronze Thicket color palette (#FAF4ED, #D9DCD2, #B7C4B4, #8D6E42, #4C473F)
• Patina Driftwood color palette (#FBE7D4, #8B8D3D, #34694F, #512E3D, #2E1C42)
• Tangerine Courtyard color palette (#EEDDC2, #FF6541, #9C7600, #006438, #191C00)
• Wandering Navy Meadow color palette (#F2E7D6, #915600, #334400, #1C145D, #1E1500)
• Ancient Pine color palette (#F3EFDF, #368F3D, #00513F, #4E1A22, #1A1D00)

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