Patina Cocoa Coast color palette — #FFF3E7 · #BAA573 · #93683B · #7A4018 · #3F3D36

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Camel (#BAA573): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#93683B): A full-bodied, balanced gold — the color of old brass.
• Bronze (#7A4018): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#3F3D36): quiet, heavy and certain.

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

Use it as a design system

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

• Chestnut Field color palette (#F8E4CD, #A79657, #825B20, #613824, #32302A)
• Antique Bronze Orchard color palette (#FDF4E1, #B2BF91, #987C36, #7E5312, #484C00)
• Softworn Courtyard color palette (#FFF1F5, #BED9C2, #D0A271, #AD7B5F, #2A4435)
• Driftwood Veranda color palette (#FFF1F6, #CCBD91, #AF865F, #7C5E76, #23453B)
• Faded Loft color palette (#FEF0FF, #1C82E3, #876E01, #605220, #3D2C3E)
• Washed Boulevard color palette (#EFE3D1, #807900, #5A4100, #3F1E00, #0F1A00)
• Chestnut Orchard color palette (#FFDDC9, #824900, #4F1600, #280007, #060300)
• Ancient Periwinkle Lantern color palette (#F9F2FA, #71B3FC, #A6505A, #366292, #321E19)

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