Patina Cocoa color palette — #FAF4EC · #E5CEA9 · #8F7A51 · #674600 · #322A1E

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Wheat (#E5CEA9): A whisper-light, dusty gold — the color of old brass.
• Walnut (#8F7A51): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#674600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#322A1E): 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

• Worn Fern Balcony color palette (#F4F6ED, #D9C190, #537D5C, #3F4800, #202413)
• Driftwood Meadow color palette (#EFF8F0, #B4E2ED, #9B8250, #344D3A, #151E17)
• Ancient Summit color palette (#F9F5EC, #DDD29C, #5EAD96, #9A8D4C, #293122)
• Muted Lantern color palette (#F0F7F1, #F0DCB0, #B99A5B, #5A755F, #272D28)
• Aged Lagoon color palette (#E9DECA, #936E00, #352B00, #1B221B, #080600)
• Muted Marigold color palette (#E2DFCA, #C69E43, #525C00, #272D00, #0F0B00)
• Patina Corridor color palette (#FFF4E3, #B2C794, #68A088, #726791, #494C00)
• Ancient Corridor color palette (#F7F5EE, #D6DCD5, #A5B6B4, #A29C7B, #54534A)

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