Patina Cocoa color palette — #FFF2EB · #DEDACC · #99BBCC · #BA7C72 · #77420F

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DEDACC): a clean, paper-quiet neutral.
• Ash (#99BBCC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#BA7C72): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#77420F): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Muted Basin color palette (#FFF3E5, #DBDEC8, #B6D1A9, #A97B52, #6B4A00)
• Washed Basin color palette (#FFF1F0, #E1D8D0, #D7C1A6, #A87698, #674C48)
• Dusty Vanilla Quarry color palette (#FFF0FB, #EAEDB6, #E7D8D6, #B5A0C3, #5B4852)
• Weathered Chestnut Quarry color palette (#FFF1E0, #D1BB96, #ACA562, #844A00, #35312B)
• Wandering Lagoon color palette (#FFF2EF, #B47F8E, #5385A9, #545992, #4B3835)
• Washed Garnet color palette (#F4E5DA, #BA8552, #89630A, #5F1900, #150700)
• Sunlit Emerald Grove color palette (#EBE7D1, #99B687, #009348, #444400, #0D1B00)
• Ancient Bronze color palette (#F8F5EE, #CFBE9D, #728650, #816B00, #2F2E27)

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