Cocoa Archive color palette — #E3F4EC · #6381B2 · #544B78 · #5A2300 · #282A01

Espresso takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E3F4EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6381B2): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#544B78): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#5A2300): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#282A01): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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 Aubergine Terrace color palette (#DAE5F3, #6B6E9F, #622E6D, #412700, #0E2108)
• Garnet Alley color palette (#CAECF3, #659787, #4E5585, #63241A, #3A2000)
• Mulberry Boulevard color palette (#E0E6FF, #9A7DB1, #7C466B, #453B00, #1D3100)
• Cerulean Study color palette (#D2E9EA, #559AC2, #6B649B, #4D531A, #272A00)
• Periwinkle Hollow color palette (#D8F2FF, #7BA1E3, #8F7CBC, #855D45, #342600)
• Airy Studio color palette (#E4EDFC, #9E94C0, #965297, #614800, #13471F)
• Wandering Garnet color palette (#FFE4F3, #7B515C, #65274A, #231F00, #00130D)
• Powdered Basin color palette (#F0DBE9, #5B60BF, #635B00, #2F00A2, #1E1B00)

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