Cocoa Archive color palette — #FAF5E8 · #E8CE97 · #867F4A · #604A00 · #2F2B22

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

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Wheat (#E8CE97): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#867F4A): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2F2B22): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Patina Chestnut color palette (#F8F5EB, #D7BB95, #735B09, #3B3832, #23261A)
• Wandering Honey color palette (#F0F8E8, #E3BF72, #2C8366, #40443D, #1F231B)
• Teal Summit color palette (#F7F5ED, #CED98C, #44B09F, #8A9257, #293026)
• Wandering Parlor color palette (#F0F7F3, #B8E0EC, #908753, #2C4F3C, #141E18)
• Bronze Field color palette (#EEEAD8, #936E00, #2C2E00, #19221C, #060600)
• Pale Mustard Parlor color palette (#FAF7D8, #EAB100, #5B7400, #324100, #1E1B05)
• Hushed Taupe Garden color palette (#EFF8F3, #CAE7CD, #A6A06E, #4C7862, #212F28)
• Softworn Amber Alley color palette (#E6ECDB, #B88A00, #00532E, #002210, #020300)

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