Patina Cocoa Terrace color palette — #FDF3E9 · #C7B59D · #9B7858 · #7E513B · #5C4300

Bronze and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Stone (#C7B59D): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#9B7858): A full-bodied, dusty gold — the color of old brass.
• Coffee (#7E513B): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Patina Cocoa Terrace 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

• Washed Terracotta Cabin color palette (#FFF1F1, #E6B3BF, #B36F68, #923C12, #6B3A00)
• Tempered Cocoa color palette (#FFF2E9, #BFA183, #996445, #793E33, #413C36)
• Worn Harbor color palette (#F4D9B9, #A68A46, #7D5000, #5F2C00, #2F2900)
• Muted Dune color palette (#FFF1F6, #F1D5A9, #D2A8B8, #A48998, #3C4C41)
• Washed Chapel color palette (#EADCD2, #986B3F, #703000, #500400, #201300)
• Hushed Courtyard color palette (#FFF1F6, #B1D5BB, #B89374, #866B81, #3C4C46)
• Wandering Plum color palette (#FCF3F3, #E2B1B7, #AD6A42, #994B90, #332C28)
• Charred Parlor color palette (#F3DFC7, #6A5720, #3D2600, #1E0B00, #040300)

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