Cocoa Archive color palette — #FFF2EB · #DCC6B2 · #B7927D · #95666A · #604100

Bronze takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Oat (#DCC6B2): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B7927D): A luminous, dusty gold — the color of old brass.
• Mocha (#95666A): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: 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

• Softworn Rust color palette (#FFF1F6, #F4C2C9, #C88799, #AF5153, #6A3300)
• Patina Stone Veranda color palette (#FEF1F9, #EDD3D1, #C7A1B9, #89718A, #374339)
• Bronze Delta color palette (#FAF5E5, #C1C0A1, #95935A, #85621E, #394200)
• Bronze Orchard color palette (#F2DFC9, #AB9E70, #9A6502, #7C3509, #232700)
• Antique Driftwood Market color palette (#FFF0F9, #D1ABBF, #A6725E, #71526A, #524349)
• Garnet Basin color palette (#FEE4D3, #A1723C, #863700, #600012, #100A00)
• Worn Terracotta Workshop color palette (#FEEBD9, #CFB072, #BB7328, #A43615, #3B3700)
• Chestnut Meadow color palette (#F3E7CF, #89935A, #725F00, #573400, #051C00)

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