Patina Cocoa color palette — #F9F4EE · #DCD0B1 · #8CA570 · #8F7481 · #5F4A00

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Wheat (#DCD0B1): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#8CA570): A luminous, dusty green — the color of fresh herbs.
• Driftwood (#8F7481): A full-bodied, dusty rose — the color of strawberry cream.
• Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Ancient Field color palette (#F6F6EA, #A1D1B8, #3CA299, #916465, #374A00)
• Softworn Stone color palette (#EFF8F0, #C0DDE9, #91B8AC, #80849A, #3A4B42)
• Muted Aqua color palette (#FFF2EE, #EFB2B6, #39C6D3, #BF737A, #39553F)
• Patina Emerald Loft color palette (#FFF4E1, #B6C46E, #369F30, #715F8D, #3C3B34)
• Hushed Cocoa Villa color palette (#FFF2ED, #DDF8CC, #E0DBCE, #C89A9B, #7D4120)
• Weathered Teal Corridor color palette (#FFF2EE, #E5999C, #48B9B4, #529EB5, #513D36)
• Worn Coral Harbor color palette (#FFF2EC, #FFC8BF, #D87F73, #955645, #3A332F)
• Worn Moss Pier color palette (#FBEEDC, #8D8700, #366000, #561F4B, #111000)

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