Patina Cocoa Loft color palette — #FBF3EE · #EDCBA3 · #A96C4C · #733D0B · #332922

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

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Wheat (#EDCBA3): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#A96C4C): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#733D0B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#332922): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Patina Cocoa Loft 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

• Dusty Bronze color palette (#FBF3EF, #D6F8D1, #B57353, #6E3312, #251811)
• Timeworn Loft color palette (#FDF3EE, #CDC188, #814F42, #5C2700, #28241D)
• Muted Olive color palette (#FAF5E7, #D6C387, #797527, #45423B, #272111)
• Dusty Atelier color palette (#F9F4EF, #F4C894, #97A458, #B08247, #2F2E27)
• Amber Grove color palette (#F0E7D4, #B28D10, #524400, #211A00, #040200)
• Bronze Studio color palette (#F4E3D4, #9C6900, #442100, #1B1F15, #0D0400)
• Sand Harbor color palette (#FCF2F8, #F1DBAF, #B692A7, #7E6474, #33272E)
• Muted Apricot Basin color palette (#FFF3E8, #DC9A67, #7FA973, #9B668C, #423C37)

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