Cocoa Archive color palette — #D7E3EC · #8493BC · #79638C · #643C13 · #32342D

Bronze and Slate set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#D7E3EC): bright and airy, almost weightless.
• Blue Fog (#8493BC): A luminous, dusty violet — the color of a velvet chair.
• Slate (#79638C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#643C13): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#32342D): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Cocoa Archive 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

• Washed Cocoa Grove color palette (#C7E9D6, #AA8CAD, #63638A, #74300D, #4F3600)
• Worn Cocoa Harbor color palette (#F0D6E8, #AD8593, #805A74, #574600, #044226)
• Timeworn Pewter Market color palette (#FFE7FD, #7E75A7, #6E466F, #4D3700, #272B00)
• Driftwood Summit color palette (#D6F6F2, #89ACCB, #8870B0, #55673D, #314119)
• Powder Garden color palette (#E2EFF9, #9DB8F8, #9495BB, #936B4C, #413802)
• Tempered Denim color palette (#D7E8CB, #5097B0, #645290, #28471D, #092400)
• Softworn Fern Ridge color palette (#C6EAE0, #C0A4B6, #956E79, #754A11, #3C4900)
• Washed Aubergine color palette (#EDD7E3, #7C6DCF, #716E00, #4E00BB, #2C2B00)

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