Patina Cocoa color palette — #FFF0F9 · #F1D3E0 · #D4B3BC · #BC9B90 · #783E18

A conversation between Bronze and Taupe, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Shell Pink (#F1D3E0): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#D4B3BC): A luminous, dusty rose — the color of strawberry cream.
• Taupe (#BC9B90): A luminous, dusty orange — the color of toasted spice.
• Bronze (#783E18): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Bronze Ridge color palette (#F2DBFF, #ECBCC2, #CA9AAF, #A97141, #653F00)
• Worn Taupe color palette (#DEFEF0, #BDE1E6, #CDB6C8, #BB999C, #624746)
• Tempered Driftwood Delta color palette (#E4FCEF, #E5D1E2, #BF9DA4, #90843B, #5A5400)
• Antique Chestnut color palette (#EADBE3, #C69590, #AB6E70, #815F20, #2E2700)
• Mallow Orchard color palette (#FFF1F6, #D4B8FA, #EBA9B3, #79B7DE, #513B44)
• Ancient Powder color palette (#EBF2FF, #B9C3E1, #9395AF, #746776, #51404E)
• Coral Drift color palette (#FFDAE3, #EEA4A3, #D58168, #7C7842, #353F00)
• Stone Thicket color palette (#F3F7ED, #D4E4C9, #A3BF9A, #8AA18D, #485042)

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