Weathered Cocoa Alley color palette — #FFF3E9 · #CD9A87 · #747C4E · #5D4F84 · #653E00

Bronze takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Camel (#CD9A87): A luminous, dusty orange — the color of autumn markets.
• Walnut (#747C4E): A full-bodied, dusty green — the color of a quiet forest floor.
• Peacock (#5D4F84): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#653E00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Weathered 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

• Softworn Denim color palette (#FFF2EE, #BE878B, #4E7E4C, #5F457F, #5F3439)
• Washed Fern Lagoon color palette (#FFF2ED, #B3A87B, #448571, #744969, #514900)
• Antique Harbor color palette (#FCF4E8, #D9B889, #8F9959, #4D7394, #5D4300)
• Olive Terrace color palette (#E8F6EA, #CCA46A, #767F3C, #2E5677, #1F3125)
• Mustard Basin color palette (#FDF4E7, #F5D6CA, #EBB96D, #46AE8E, #4E4C45)
• Garnet Lagoon color palette (#FFE9E2, #A0813B, #006C48, #6B1559, #30340A)
• Weathered Sand Terrace color palette (#EBFAEB, #FFC195, #9BB987, #7E8CAA, #3B4D3F)
• Patina Bronze Quarry color palette (#F7F1E6, #8D7C3D, #3D4000, #2F2817, #18160F)

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