Patina Cocoa Study color palette — #FDF1F8 · #D0A675 · #784026 · #412235 · #271517

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

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Camel (#D0A675): A luminous, balanced gold — the color of old brass.
• Bronze (#784026): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#412235): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#271517): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Muted Pier color palette (#FFF2EC, #CDC693, #9E5E50, #692F22, #2D1E16)
• Patina Boulevard color palette (#FDF2F6, #DCA06C, #856C02, #8C4E00, #19281E)
• Cocoa Chapel color palette (#FAEDF6, #93BFA7, #7B4337, #44170D, #130810)
• Softworn Amber Pier color palette (#FFF2EB, #F5CDA2, #CA7F60, #845643, #291F19)
• Antique Marigold color palette (#E3FDEB, #C49C2E, #584600, #302500, #01210F)
• Worn Amber Chapel color palette (#FADBE6, #C18500, #573000, #2A1400, #1F0511)
• Softworn Bronze Balcony color palette (#FFF0F7, #BB682E, #5A7D43, #6C416B, #432A37)
• Chestnut Lagoon color palette (#E5F1E7, #795900, #2B2632, #1D1200, #040200)

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