Weathered Chestnut color palette — #F8F0E8 · #C9B99E · #9F7B56 · #814720 · #312C1B

A conversation between Coffee and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F8F0E8): bright and airy, almost weightless.
• Stone (#C9B99E): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#9F7B56): A luminous, dusty gold — the color of old brass.
• Coffee (#814720): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#312C1B): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Weathered 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

• Bronze Harbor color palette (#FFF3E6, #CCB493, #A5753C, #82501A, #5F4100)
• Aged Basalt Canyon color palette (#F9F0EB, #CDC496, #875143, #512100, #19120E)
• Timeworn Driftwood color palette (#FFEEE3, #D7B88B, #988A2D, #496326, #00321F)
• Ancient Bronze color palette (#F7F0EC, #EBB59F, #61924F, #A65A39, #16170A)
• Weathered Chestnut Drift color palette (#F2DBCE, #BC8D64, #944E36, #642730, #211604)
• Ancient Courtyard color palette (#EFE4CC, #7E8F4E, #625500, #452B00, #0E1000)
• Stone Harbor color palette (#FFF1F5, #CBEEE4, #CFA579, #926E7E, #364338)
• Antique Taupe Summit color palette (#F8E7CA, #A5A64B, #856600, #653600, #112100)

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