Cocoa Archive color palette — #E7F6ED · #91B4AB · #7F7640 · #694214 · #002929

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Sage (#91B4AB): A luminous, dusty teal — the color of sea glass.
• Walnut (#7F7640): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#694214): A full-bodied, balanced gold — the color of old brass.
• Onyx (#002929): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Aged Canyon color palette (#D5E5DB, #77A397, #756404, #5C3200, #001D1C)
• Bronze Harbor color palette (#EAFAF1, #A4AC80, #7E7423, #664D16, #26443D)
• Softworn Garnet color palette (#FFEBF8, #C69FAC, #976758, #723647, #0B2919)
• Antique Pewter Loft color palette (#FBEDF4, #ADC1B0, #9B7688, #694D68, #1E3129)
• Muted Chestnut color palette (#D7F3DC, #858C51, #6C5000, #502200, #011301)
• Basalt Ridge color palette (#FCF5E4, #B2C69D, #9A9153, #876035, #354400)
• Softworn Plum Boulevard color palette (#F4F0F8, #DF9CBA, #6E7D2E, #AA2471, #00130C)
• Patina Courtyard color palette (#FFE4DA, #B98035, #993600, #690029, #161200)

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