Patina Cocoa color palette — #FFEFDB · #B6AC7D · #8E6F3F · #713D08 · #262313

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEFDB): A whisper-light, dusty gold — the color of old brass.
• Sage (#B6AC7D): A luminous, dusty green — the color of fresh herbs.
• Walnut (#8E6F3F): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#713D08): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#262313): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Feathered Amber Boulevard color palette (#FFE4CA, #C69835, #9C5700, #693123, #241B00)
• Dusty Archive color palette (#FCEFE7, #D6B494, #B0724C, #704F46, #342A1B)
• Pewter Villa color palette (#EBFAEA, #88B29C, #886D49, #65465B, #2A433D)
• Wandering Bronze color palette (#F1DEC7, #9E8419, #754B00, #531F00, #120E00)
• Tempered Ridge color palette (#E9FBEB, #F3DA9D, #B9985F, #5A7357, #24372B)
• Washed Lagoon Canyon color palette (#E8F7E8, #00999C, #A65D5A, #7C3C3A, #0D1F0F)
• Timeworn Olive color palette (#F6E6C6, #6F7A00, #514200, #341D00, #060600)
• Tempered Veranda color palette (#E7F6EB, #EB9F6B, #00606D, #162D1E, #060F09)

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