Patina Cocoa color palette — #E9DFD8 · #C1B7AB · #978D78 · #6A3400 · #2B1B0E

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

The five colors

• Parchment (#E9DFD8): a clean, paper-quiet neutral.
• Stone (#C1B7AB): A luminous, dusty gold — the color of honey in a jar.
• Gray (#978D78): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6A3400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#2B1B0E): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Dusty Bronze color palette (#F5EDE2, #AFA999, #8E8037, #4C3200, #1E1101)
• Timeworn Pier color palette (#EBDFE5, #BBC8BE, #8BADA3, #994400, #2D1723)
• Softworn Fern Summit color palette (#EFEFE7, #CACEBF, #9BA493, #3A6207, #2F2F22)
• Powdered Forest Boulevard color palette (#F2EAD1, #69853E, #005412, #4E1D0E, #131F00)
• Tangerine Cabin color palette (#F2DCC2, #EF7449, #A86D00, #4C5F00, #1A1400)
• Muted Driftwood color palette (#F8F5EE, #D7DBD4, #A0AFB1, #8B8355, #55524C)
• Weathered Meadow color palette (#F7ECE1, #918B59, #406125, #1B3C5D, #221C4A)
• Muted Chestnut Harbor color palette (#FAEBCB, #945300, #453E00, #002839, #201300)

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