Patina Cocoa color palette — #F5F6EC · #99BE8B · #9481B5 · #85603F · #603700

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

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Sage (#99BE8B): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#9481B5): A luminous, dusty violet — the color of wild irises.
• Walnut (#85603F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#603700): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Muted Cocoa color palette (#F3F7EB, #7FC39D, #A47DA0, #7F5B7B, #692F0A)
• Tempered Teal color palette (#F1F7EF, #67C5B2, #AC7B98, #656F33, #44433B)
• Hushed Seafoam Meadow color palette (#EDF8F6, #A1DDA8, #BB85B3, #955A36, #4A2E3D)
• Cocoa Field color palette (#FDF3EC, #D6A586, #5398A8, #925558, #643500)
• Wandering Cocoa Canyon color palette (#F8F8D7, #D1DFCF, #9FB7AF, #96836B, #6E4600)
• Muted Harbor color palette (#F1F7EF, #74DCD2, #94A6E5, #AC7488, #46423B)
• Dusty Mulberry Lagoon color palette (#E9F8FC, #57A8A0, #5E6DA5, #7F3755, #543E15)
• Antique Grove color palette (#EFFBDB, #1FC07D, #A045A2, #6D5000, #3F2D00)

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