Patina Cocoa color palette — #FBF4EB · #E5CE9F · #967846 · #694500 · #302A22

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Wheat (#E5CE9F): A whisper-light, dusty gold — the color of old brass.
• Walnut (#967846): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#694500): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#302A22): a grounded near-black with real depth.

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 Stone color palette (#FBF4EC, #D4BE88, #755829, #3C3832, #25251C)
• Worn Delta color palette (#F8F5EF, #E4D08E, #3DB38C, #A08B45, #2C2F29)
• Softworn Drift color palette (#F4F7E9, #DFC081, #48814B, #2B4B2C, #212315)
• Driftwood Villa color palette (#EFF8F0, #B4E3ED, #9C8156, #344E37, #161E17)
• Timeworn Bronze color palette (#EEE5D6, #936E00, #372900, #1B221B, #090500)
• Dusty Sand color palette (#F0F7F1, #F0DCB0, #8AA78C, #5E745F, #252E26)
• Softworn Marigold Thicket color palette (#E4DEC8, #C89E3D, #575A00, #2A2C00, #0F0B00)
• Softworn Jade color palette (#FCF4E8, #B5C787, #58A47F, #6E6892, #484841)

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