Patina Cocoa color palette — #FFF2ED · #DF9F9B · #B37062 · #855040 · #743D0F

A conversation between Bronze and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rosewood Mist (#DF9F9B): A luminous, dusty orange — the color of sun-warmed clay.
• Mocha (#B37062): A luminous, balanced orange — the color of toasted spice.
• Coffee (#855040): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#743D0F): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Aged Bronze Corridor color palette (#FFF2E9, #DAAA85, #A37343, #7F5A28, #514D46)
• Weathered Bronze color palette (#FFF2EC, #D9A092, #9F8FC1, #A45C4B, #614350)
• Wandering Driftwood color palette (#FFF1F3, #D29EC5, #A86A90, #8B546C, #684541)
• Antique Apricot color palette (#FFF0FE, #FFC7C1, #FA967F, #BC7D69, #644958)
• Hushed Cocoa Parlor color palette (#FFF3E9, #DDDBCB, #9BBBCD, #A57E66, #744305)
• Bronze Harbor color palette (#F9F2FF, #E9B1B5, #CD8278, #A76131, #3E573D)
• Tempered Courtyard color palette (#F1E2DD, #F17832, #A85500, #784200, #463C00)
• Dusty Basin color palette (#FFF2EA, #C2896D, #8A8F4F, #986285, #48413C)

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