Patina Cocoa color palette — #FFF2EE · #E1D9CB · #B5CCA4 · #996D74 · #713A0D

Bronze takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E1D9CB): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#B5CCA4): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#996D74): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#713A0D): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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

• Timeworn Stone Terrace color palette (#FFF1F4, #E3D7D2, #E1B48C, #9D768F, #634B4C)
• Teal Veranda color palette (#FFF4E1, #C2DFB1, #5DBEBD, #92604E, #534400)
• Celadon Workshop color palette (#FFF3E6, #E9F67B, #5DD2A1, #A85C5B, #4D4113)
• Hushed Quarry color palette (#FEF4E4, #A7AC7D, #866F3E, #774210, #3E4100)
• Washed Teal color palette (#FFF1DC, #BECD83, #2BADA5, #894A43, #322F29)
• Lime Station color palette (#FFF2EE, #F3C768, #7DBF46, #97386B, #58310B)
• Mint Garden color palette (#F6F1D6, #82CB7A, #0097A8, #733715, #232900)
• Weathered Thicket color palette (#FCF3ED, #E49B70, #007D8D, #914915, #1A281F)

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