Patina Cocoa color palette — #FFF1F2 · #EBC9C6 · #CEB2AA · #A68E6E · #604700

Bronze takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Oat (#EBC9C6): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#CEB2AA): A luminous, dusty orange — the color of toasted spice.
• Caramel (#A68E6E): A luminous, dusty gold — the color of old brass.
• Bronze (#604700): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.

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

• Weathered Quarry color palette (#FFF0FB, #DDB9C3, #C49791, #6F8544, #3F530E)
• Patina Fern Archive color palette (#F6F7E6, #D3DAB2, #8EB89C, #799983, #414700)
• Stone Archive color palette (#EFF6FF, #E2D5EC, #C1A9CE, #5D8785, #345359)
• Weathered Bronze Market color palette (#FDD9C9, #C4976F, #A17B37, #487046, #00301E)
• Tempered Veranda color palette (#F3E0E3, #B46B64, #8A5840, #494600, #0A1200)
• Softworn Driftwood color palette (#ECE9FF, #C1B3D7, #AD7689, #724A5D, #283629)
• Patina Mallow Study color palette (#FFF1F1, #F59ECF, #E7A279, #989EE1, #4B2F30)
• Plum Basin color palette (#F3E5F2, #BF7BA7, #A4566D, #7A4A09, #2B1D00)

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