Weathered Cocoa Alley color palette — #E0E4F2 · #8E769B · #633741 · #002C20 · #000102

Cocoa takes the lead with Slate Blue close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#E0E4F2): a clean, paper-quiet neutral.
• Slate Blue (#8E769B): A luminous, dusty violet — the color of a velvet chair.
• Cocoa (#633741): A deep, shadowed, dusty red — the color of embers at dusk.
• Deep Forest (#002C20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000102): quiet, heavy and certain.

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

• Wandering Driftwood color palette (#F0DAED, #B56B73, #714603, #002835, #000407)
• Garnet Workshop color palette (#ECE5FE, #985482, #791906, #002526, #000F19)
• Obsidian Garnet color palette (#F2E2E7, #7A474D, #640A00, #231B00, #030400)
• Patina Fern Summit color palette (#EEE0EC, #98748D, #8F5C39, #3F4C00, #051900)
• Worn Denim color palette (#E9DFD4, #79A7CF, #374F96, #002A31, #010008)
• Quiet Raspberry color palette (#F2E5F1, #BD3190, #700037, #3B0002, #030000)
• Tempered Onyx color palette (#F7E4CF, #877B3B, #314300, #180F45, #020100)
• Navy Delta color palette (#FFE5EA, #BE8C75, #736017, #1B2C5E, #02012A)

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