Cocoa Archive color palette — #FFF2EB · #EED4B9 · #D5AC94 · #B0867E · #5B4400

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#EED4B9): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D5AC94): A luminous, dusty gold — the color of old brass.
• Caramel (#B0867E): A luminous, dusty orange — the color of autumn markets.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Basalt Station color palette (#FBF5E3, #D2D4B0, #B1B07E, #A1825A, #314500)
• Wandering Canyon color palette (#F4F4FF, #ECD0F8, #E6A1B3, #BC7864, #653B00)
• Pewter Summit color palette (#FFF0F9, #E2BFCE, #B090A4, #856B81, #3D4D3C)
• Weathered Grove color palette (#FFEBD8, #E2C575, #D49459, #BB6258, #323A0E)
• Tempered Ridge color palette (#FFF2ED, #EFAFA7, #CA9089, #7A996B, #432F38)
• Ancient Driftwood color palette (#FCEDF6, #D3B0BB, #A47666, #654F6A, #203027)
• Hushed Apricot Orchard color palette (#FBF2F7, #FAD0E7, #EBA386, #A7A2E4, #332C28)
• Faded Boulevard color palette (#FEEDD9, #BEB46B, #B5833E, #9E543C, #192A03)

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