Tempered Chestnut color palette — #F6F1EA · #DABF91 · #7A5B2D · #35302A · #19130B

Coffee takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Sand (#DABF91): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7A5B2D): A full-bodied, dusty gold — the color of old brass.
• Espresso (#35302A): a grounded near-black with real depth.
• Ink (#19130B): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Fern Field color palette (#F3F3E6, #BCB67D, #415F26, #2B2900, #0D0D03)
• Tempered Bronze color palette (#F5F1EA, #D2C487, #718E4C, #83711E, #17160B)
• Chestnut Grove color palette (#F3E8D8, #705300, #293434, #1C1200, #020100)
• Timeworn Sand color palette (#F0F8F0, #EECC8F, #688768, #3F533F, #262E26)
• Cocoa Cabin color palette (#FAF4ED, #C7DFCC, #A27F54, #623D00, #221A10)
• Taupe Harbor color palette (#F6F2E4, #9BB777, #51875C, #005B71, #2D2E19)
• Driftwood Alley color palette (#F3F2EB, #D4D8D1, #A4B4AE, #94823A, #373631)
• Amber Harbor color palette (#EAE4D4, #A98A13, #3F3A00, #151200, #020100)

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