Patina Cocoa color palette — #FDF3EC · #EBD5C0 · #D2AE91 · #B48671 · #643E00

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Bone (#EBD5C0): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D2AE91): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#B48671): A luminous, dusty orange — the color of toasted spice.
• Bronze (#643E00): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Ancient Alley color palette (#F1F8E9, #92D3B9, #E3A786, #B49550, #3B3E38)
• Aged Thicket color palette (#FEF1F7, #CBEFE5, #D1A385, #8F6E88, #35433B)
• Washed Stone color palette (#FEECF4, #D6B493, #9F7487, #68505D, #243024)
• Frosted Marigold Coast color palette (#FFEBD1, #E2C481, #D2972A, #B26E01, #3F3509)
• Washed Bronze Lantern color palette (#E7DCD1, #B58548, #9E5B00, #773900, #120900)
• Washed Amber color palette (#F2E9DA, #BEB27F, #AC8928, #8D6200, #2E2300)
• Soft Terracotta color palette (#F5DBCB, #C89072, #BD5C38, #A32313, #260F00)
• Timeworn Ash Archive color palette (#EDF8F3, #DAE3BD, #73A6C3, #497867, #1E3029)

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