Patina Cocoa color palette — #E9DFD8 · #BEB0A3 · #9A8B74 · #6D2E0E · #140702

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

The five colors

• Parchment (#E9DFD8): a clean, paper-quiet neutral.
• Rosewood Mist (#BEB0A3): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#9A8B74): A luminous, dusty gold — the color of afternoon light on wheat.
• Rust (#6D2E0E): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#140702): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Softworn Cocoa color palette (#E5DEE2, #C4B4B9, #7A9685, #772600, #2A1924)
• Worn Bronze color palette (#F3E9DE, #AA9E8C, #907A32, #4F2D00, #090300)
• Tempered Chestnut color palette (#F9F0E5, #E0D2B6, #B3AC8A, #7A5200, #251702)
• Muted Bronze color palette (#F8F0EB, #DBDACB, #BDC0B0, #956A4C, #322A25)
• Worn Olive Orchard color palette (#ECDEC1, #758100, #284F00, #441B18, #0A0700)
• Frosted Ember Archive color palette (#F6DEC4, #FF593B, #BA6B00, #656400, #080300)
• Hushed Bronze color palette (#FFDFC8, #997B25, #4D5E34, #003352, #0E0E2F)
• Dusty Studio color palette (#F7E4C7, #9D4900, #493900, #00232C, #0B0400)

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