Patina Cocoa color palette — #FFF4E3 · #D59680 · #8C7347 · #1A646F · #6B3A00

Bronze takes the lead with Camel close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFF4E3): A whisper-light, dusty gold — the color of old brass.
• Camel (#D59680): A luminous, balanced orange — the color of toasted spice.
• Walnut (#8C7347): A full-bodied, dusty gold — the color of old brass.
• Peacock (#1A646F): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#6B3A00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Cocoa Bloom color palette (#FEF4E4, #BDA56C, #6C7F55, #445A7B, #594500)
• Wandering Taupe color palette (#FDF4E5, #CE94AC, #9B685E, #31664D, #5B403B)
• Softworn Basin color palette (#FAF1E2, #D299A8, #947239, #385180, #3C261C)
• Driftwood Dune color palette (#FAF4EC, #CBC0A1, #8D833A, #7B5E56, #5F4B00)
• Timeworn Amber Corridor color palette (#FFF4E2, #C97400, #6C6100, #004C68, #493000)
• Hushed Petrol color palette (#EAFAEC, #E1ADBF, #B18A59, #576CA7, #534151)
• Ash Bloom color palette (#F9F4EE, #CAE6E2, #79A490, #5D7758, #305248)
• Antique Stone color palette (#E9FBEC, #FFBFA9, #CCA86B, #4D99A6, #55414A)

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