Patina Chestnut color palette — #F7F1E4 · #C2BBA0 · #8C8358 · #764F04 · #2E2D1D

A conversation between Coffee and Mocha, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F1E4): bright and airy, almost weightless.
• Stone (#C2BBA0): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#8C8358): A luminous, dusty green — the color of new leaves after rain.
• Coffee (#764F04): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#2E2D1D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Antique Bronze color palette (#F9F5EB, #D3E9C6, #BBAF7C, #A16E38, #3A4500)
• Driftwood Corridor color palette (#EAFAEF, #92C4B4, #638B72, #6E5560, #374D4B)
• Pale Canyon color palette (#ECE5CF, #829937, #635E00, #453300, #061700)
• Patina Chestnut color palette (#EDDDCF, #B49260, #925200, #612D15, #201602)
• Oat Harbor color palette (#E9FAF0, #CAD09F, #A59C71, #627C65, #384D47)
• Dusty Bronze Study color palette (#F8F0EE, #E7B3BD, #B67021, #9E5A69, #1E1309)
• Mulberry Alley color palette (#FCEEED, #D8C090, #894A67, #452826, #1A1111)
• Patina Field color palette (#FCEEEC, #C17E93, #559362, #276875, #2F1D1B)

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