Patina Cocoa color palette — #FDF3EC · #DDC6AC · #BB917B · #9A6461 · #5D4300

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Oat (#DDC6AC): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#BB917B): A luminous, dusty orange — the color of toasted spice.
• Walnut (#9A6461): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#5D4300): A full-bodied, balanced gold — the color of honey in a jar.

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

• Washed Amber Ridge color palette (#FFF2EA, #D6B898, #BB7E64, #915557, #403D36)
• Timeworn Bronze color palette (#FBEDD8, #A6A167, #926A00, #763B00, #292500)
• Timeworn Quarry color palette (#F5DDC9, #A2731C, #7E3F00, #600300, #0E0B00)
• Antique Villa color palette (#EFE6CE, #7F9657, #6B6200, #533700, #001D05)
• Bronze Basin color palette (#FEF0FC, #92AAE2, #C58893, #927725, #463844)
• Pewter Delta color palette (#D8FFF3, #E6C3E1, #9F92CD, #915490, #702B4F)
• Ancient Basin color palette (#F0F7F4, #AAD8F4, #CB81A0, #1597D0, #392928)
• Cerulean Orchard color palette (#EEF8F4, #ECC9B4, #5883A1, #2F564A, #232E2A)

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