Patina Cocoa color palette — #FAF4EF · #E1CFAB · #9B7458 · #694327 · #332921

A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Wheat (#E1CFAB): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#9B7458): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#694327): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#332921): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Patina Cocoa 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 Driftwood Quarry color palette (#FEF1F7, #CAE8D3, #A0798B, #583D4A, #22171D)
• Patina Chestnut color palette (#FCF2F6, #D9BB90, #805226, #4D2E3B, #2E2221)
• Patina Bronze Drift color palette (#FBF4EC, #FBD8A4, #C0946D, #92612A, #322A21)
• Aged Amber Cabin color palette (#F9F4EF, #E9CBB0, #5FAE8A, #BE7A3D, #2C2F28)
• Olive Station color palette (#F6F6E8, #E3BD90, #5F7D3C, #354A19, #232312)
• Softworn Amber color palette (#ECE8D5, #BA873A, #424B00, #191D00, #030200)
• Bronze Grove color palette (#F1E0CD, #8E7000, #402400, #1B2017, #0C0400)
• Dusty Pewter color palette (#FEF3E9, #D3BB87, #789E78, #7F6091, #574600)

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