Patina Cocoa color palette — #FFF2EA · #F1D3B9 · #D9AA97 · #AF8878 · #643F00

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#F1D3B9): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D9AA97): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#AF8878): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#643F00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Terrace color palette (#F9F5E7, #C7D9A7, #B0B170, #96875C, #3F4100)
• Wandering Stone Study color palette (#FFF0FA, #E7E2C7, #C8A1BA, #847388, #34443A)
• Powder Workshop color palette (#ECF9F3, #78CEFD, #ED9E9B, #B5945A, #2F423A)
• Hazy Apricot color palette (#FFEBD6, #ECC076, #E78B00, #B46943, #38352E)
• Softworn Driftwood Orchard color palette (#FEECF6, #CFB1C0, #97788A, #684F61, #37272D)
• Worn Alley color palette (#EADDC0, #9FA563, #907C00, #765300, #0F1A00)
• Aged Orchard color palette (#FCEDDC, #C4B078, #BD8100, #965B29, #2D2300)
• Dusty Bronze Archive color palette (#F9DFCA, #B07116, #934800, #6F2008, #060300)

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