Cocoa Alley color palette — #FFF2EA · #E1C6A4 · #C28E76 · #8F6A61 · #594500

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#E1C6A4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#C28E76): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#8F6A61): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Patina Alley color palette (#FFF2EB, #D8B792, #C27A5F, #8E5761, #403D36)
• Stone Lantern color palette (#FFF0F8, #ECD3D0, #CAA0B8, #897187, #324438)
• Driftwood Cabin color palette (#FCF3F1, #C6D9AE, #A96774, #62453E, #332926)
• Linen Amber Dune color palette (#FFF2EE, #F9BFA5, #B79743, #717D38, #125530)
• Pale Bronze color palette (#FEEDD5, #A6A34D, #956800, #793718, #262605)
• Softworn Jade Thicket color palette (#FBF3F1, #FEBDC8, #50B27A, #C56E80, #2C2F25)
• Emerald Pier color palette (#FCF3ED, #D09478, #5C955B, #645E92, #3D3632)
• Weathered Garnet color palette (#ECDFD5, #A27400, #813D00, #600016, #0C0C00)

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