Patina Cocoa color palette — #F9F4EE · #E5CF9C · #967843 · #684500 · #312A21

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Wheat (#E5CF9C): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#967843): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#684500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#312A21): a grounded near-black with real depth.

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

• Bronze Loft color palette (#FAF4EB, #F1DAB8, #B09B7B, #8B6523, #302A23)
• Hushed Corridor color palette (#EFF8F0, #C8DCCA, #718F75, #374D3A, #151E16)
• Washed Turquoise color palette (#F9F4EF, #F6C79D, #15ABD3, #B47F4E, #25312B)
• Weathered Marigold color palette (#F9F5E7, #ECAD56, #6F6D00, #3E3D00, #1F1A0A)
• Pine Study color palette (#F2F8EA, #F2B399, #2D8361, #41443D, #1F2417)
• Weathered Bronze color palette (#F6EFE0, #986B00, #352B00, #1B221B, #080600)
• Wandering Periwinkle color palette (#FFF2ED, #DE9494, #7D9AD9, #A26869, #4A3933)
• Dusty Stone color palette (#FFF2EC, #C7C180, #52A393, #846183, #484841)

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