Patina Cocoa color palette — #FFF2EC · #DFDBCD · #D7B6AD · #9BB3B5 · #784113

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#DFDBCD): bright and airy, almost weightless.
• Rosewood Mist (#D7B6AD): A luminous, dusty orange — the color of toasted spice.
• Ash (#9BB3B5): A luminous, dusty blue — the color of deep harbor water.
• Bronze (#784113): A full-bodied, balanced gold — the color of honey in a jar.

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

• Wandering Driftwood Lagoon color palette (#FFF0F9, #E6D5D5, #B5AC96, #AA7571, #5B4753)
• Softworn Summit color palette (#FFF4DD, #C4FED1, #B4E1EB, #CAAD83, #514300)
• Antique Bronze Summit color palette (#FDF4E3, #CEEBC4, #BCAE80, #9C7034, #484000)
• Cocoa Veranda color palette (#D5FFF9, #FFEADA, #D9D0D8, #5F3500, #221E1B)
• Hushed Bronze Study color palette (#FBF4ED, #CBDECC, #AC7A43, #643B00, #211A12)
• Weathered Honey color palette (#FDF4E9, #F2B767, #72BBD1, #7E7CA9, #36312B)
• Timeworn Atelier color palette (#FFF3E5, #B9EED3, #9CD3E8, #BE8869, #38352F)
• Celadon Ridge color palette (#FFF4E0, #E7F177, #8BC779, #905500, #1B1200)

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