Weathered Cocoa Alley color palette — #F3F7ED · #9EDCBB · #9D91C2 · #925763 · #592900

A conversation between Espresso and Pewter, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Pistachio (#9EDCBB): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#9D91C2): A luminous, dusty violet — the color of twilight just after sunset.
• Pewter (#925763): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#592900): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Oat Balcony color palette (#F9F5E8, #CCD291, #65A2C8, #8D5A68, #502E25)
• Patina Glacier Villa color palette (#ECF9EF, #91D9E6, #BA88A3, #8B6044, #3B3831)
• Patina Driftwood color palette (#EDF8F3, #C8CC96, #C399C3, #BE6B6C, #563D1A)
• Antique Cocoa Pier color palette (#F7F8DA, #D0E6DD, #A6C3B8, #A08779, #724202)
• Tempered Lagoon color palette (#FBF3EF, #C5DDE5, #AFC3F0, #60A091, #5A455B)
• Weathered Veranda color palette (#E8FBEA, #00A6AD, #943C81, #6F010B, #120B00)
• Plum Hollow color palette (#EBFAED, #00BDC4, #A45596, #6C3C00, #261800)
• Mulberry Lagoon color palette (#E4FDE3, #00C7C4, #B058A4, #950A3F, #2A2000)

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