Cocoa Archive color palette — #FFF1F0 · #E3B1BD · #A66E75 · #834442 · #633700

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Ballet Pink (#E3B1BD): A luminous, dusty red — the color of a theater curtain.
• Mocha (#A66E75): A full-bodied, dusty red — the color of late-summer berries.
• Coffee (#834442): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#633700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Antique Pier color palette (#FBF1FF, #DDB2D9, #A37696, #7D4463, #6C2E44)
• Timeworn Chestnut color palette (#FFF2EE, #E6B79E, #AB7A54, #794E14, #464500)
• Antique Rust Ridge color palette (#F4F4FF, #E7BFDD, #C48898, #AF5440, #6F3C00)
• Tempered Archive color palette (#FCF3F3, #E1D8D3, #AAAEA2, #A07576, #5C4F4F)
• Dusty Harbor color palette (#FFDBD2, #D28665, #9B541F, #5F3400, #402800)
• Worn Taupe color palette (#FEF2EE, #C48485, #8E673E, #525822, #5D353D)
• Amber Balcony color palette (#FFE6DB, #C36400, #6F4000, #362100, #111500)
• Softworn Rust Meadow color palette (#FDEEEB, #B45E72, #642710, #312523, #1A130F)

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