Patina Cocoa color palette — #FFF3E6 · #EFD5AF · #D0AF8D · #A68C79 · #5B4400

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

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#EFD5AF): A whisper-light, dusty gold — the color of old brass.
• Sand (#D0AF8D): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A68C79): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, 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

• Dusty Amber color palette (#FDE2D1, #EDB38C, #D4876B, #A26764, #342F2A)
• Powder Garden color palette (#FFF0FE, #9DC5FF, #E3A784, #A6996F, #433943)
• Dusty Cabin color palette (#FFECCB, #D4CC71, #C39F3A, #A3753C, #323A0E)
• Muted Driftwood Canyon color palette (#FFF1F5, #C8F1EA, #C9A2AF, #8F6E84, #30453B)
• Pale Bronze Boulevard color palette (#FFE7D5, #CD904D, #BB601C, #8B4231, #201300)
• Pewter Field color palette (#FDEDF2, #ABC2AC, #9D7683, #704B5C, #1F3123)
• Airy Lime Bloom color palette (#F8EDD3, #AFBB4D, #9D9041, #86651F, #272506)
• Sand Workshop color palette (#FAF2FB, #F6DBA1, #AF93B2, #776679, #302831)

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