Patina Cocoa color palette — #E7DFD9 · #C3B9AC · #9B917B · #5D2D00 · #030100

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

The five colors

• Bone (#E7DFD9): bright and airy, almost weightless.
• Stone (#C3B9AC): A luminous, dusty gold — the color of honey in a jar.
• Gray (#9B917B): A luminous, dusty gold — the color of honey in a jar.
• Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.
• Black (#030100): a grounded near-black with real depth.

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

• Wandering Parlor color palette (#F1E4E9, #909E90, #597965, #451F00, #10060B)
• Antique Fern color palette (#F1EFDF, #D0D2C0, #9FAC89, #455500, #030300)
• Terracotta Summit color palette (#F0E8E2, #A1A291, #7E8D76, #9D4600, #130600)
• Patina Driftwood color palette (#F3DCC2, #897E3C, #435C2C, #01223B, #02000F)
• Worn Olive Ridge color palette (#EBE4CE, #688635, #004A0E, #360900, #010100)
• Soft Tangerine color palette (#F0DDC4, #FD7C4B, #AC7100, #566700, #020100)
• Wandering Bronze color palette (#FBF4EA, #DBDFCD, #BBC7B0, #9C6C0A, #281C0C)
• Chestnut Parlor color palette (#F8EBD6, #915100, #393200, #000F18, #020100)

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