Patina Cocoa color palette — #FFF3E9 · #B8A38B · #92684B · #7C3D2B · #413C36

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Taupe (#B8A38B): A luminous, dusty gold — the color of old brass.
• Walnut (#92684B): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#7C3D2B): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#413C36): a grounded near-black with real depth.

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

• Softworn Basalt color palette (#FAF5E8, #AEA889, #797446, #654E18, #414000)
• Softworn Cabin color palette (#F9E3D4, #AF906F, #8A5433, #6B3022, #34302A)
• Softworn Amber Boulevard color palette (#FFF0F7, #A8C7AC, #B9805C, #8D5859, #294438)
• Airy Terracotta Dune color palette (#FFEEF9, #CF96A9, #AC515D, #912700, #642D00)
• Timeworn Sand Courtyard color palette (#FFF1F7, #F5C792, #D69E79, #9C7D92, #314234)
• Mulberry Hollow color palette (#FCF2F4, #C3A1C6, #A6524D, #8C3098, #351D13)
• Cocoa Thicket color palette (#F8E3D0, #8D7144, #663900, #461800, #1C1500)
• Olive Atelier color palette (#FFF1F4, #976FA7, #75761D, #00624A, #442A31)

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