Patina Cocoa color palette — #E9E2DD · #B4A69A · #997853 · #5C2400 · #200F03

Built around Espresso, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#E9E2DD): bright and airy, almost weightless.
• Taupe (#B4A69A): A luminous, dusty gold — the color of old brass.
• Mocha (#997853): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#5C2400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#200F03): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Patina Garnet Thicket color palette (#F1E3E1, #BDA29C, #AF6B52, #660935, #220C0A)
• Antique Bronze color palette (#ECE7DF, #A0998B, #876D25, #3A2700, #100700)
• Antique Fern Balcony color palette (#E7E6DB, #B9BAAB, #8C936C, #3A4C00, #22200C)
• Dusty Terracotta Terrace color palette (#ECDCE6, #C3ADB4, #839C8D, #8E2D00, #1C0F18)
• Dusty Chestnut Lagoon color palette (#FBF4EE, #DED0C1, #BBA281, #884700, #37322D)
• Dusty Ember color palette (#E9DDD1, #E95E00, #9A5800, #624900, #0E0600)
• Timeworn Market color palette (#FAF4EB, #D7DDC9, #C6BD93, #816700, #533B00)
• Patina Basin color palette (#EEE7D8, #797100, #3E5000, #00342F, #021B29)

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