Patina Cocoa color palette — #FDF3ED · #C7B59E · #A07561 · #7C4F55 · #594500

Deep Olive takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Stone (#C7B59E): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#A07561): A luminous, dusty orange — the color of toasted spice.
• Coffee (#7C4F55): A full-bodied, dusty red — the color of late-summer berries.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Patina Bronze Pier color palette (#FFF3EA, #E0C5AC, #C58C70, #A26243, #624000)
• Wandering Chestnut color palette (#FCF5E1, #AAA989, #7A7444, #734600, #344400)
• Timeworn Villa color palette (#FDECF5, #D6AEBD, #A7765D, #694E63, #233024)
• Sand Grove color palette (#FFF0F9, #F3D4AD, #D1A7C0, #9F8AA2, #3D4C44)
• Softworn Cocoa color palette (#F5E6D1, #A3966E, #7F5D18, #6D300F, #30312A)
• Plum Quarry color palette (#FBF3F1, #E4B0BB, #6A8851, #A34D65, #2E2E27)
• Chestnut Market color palette (#FCF4E9, #AB8950, #79621A, #1A577E, #3D3532)
• Aged Olive color palette (#E7DDC9, #6E7E37, #554300, #3F1E00, #001D07)

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