Patina Cocoa color palette — #FFF1F6 · #E4D7D3 · #D7B4B6 · #9E8577 · #734304

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Bone (#E4D7D3): bright and airy, almost weightless.
• Rosewood Mist (#D7B4B6): A luminous, dusty red — the color of late-summer berries.
• Caramel (#9E8577): A luminous, dusty gold — the color of old brass.
• Bronze (#734304): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Fern Boulevard color palette (#FFF0F9, #F2D4DC, #D7BDBD, #ADA188, #4E4E00)
• Wandering Bronze color palette (#FFF2EF, #E4D8C9, #D3AC93, #927C34, #574F00)
• Mallow Harbor color palette (#FFE8E9, #F09BC4, #B67C84, #754B03, #362900)
• Dusty Field color palette (#FFF0F8, #FDBED1, #C48E8F, #886220, #503C00)
• Antique Sand color palette (#FFF1F2, #FFD3DC, #F1C28F, #BA86B0, #4B453F)
• Spruce Orchard color palette (#FFF2F0, #FFBCA3, #C28C5C, #4E6121, #083C07)
• Softworn Villa color palette (#FFE7EF, #E3939B, #915D51, #543D00, #211A00)
• Timeworn Study color palette (#EAFAED, #B1D2C9, #A1878E, #637158, #33534D)

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