Chestnut Canyon color palette — #F9F0EC · #DBD6C6 · #C3B59F · #8E5148 · #281E19

Coffee and Stone set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Bone (#DBD6C6): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#C3B59F): A luminous, dusty gold — the color of old brass.
• Coffee (#8E5148): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#281E19): a grounded near-black with real depth.

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

Use it as a design system

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

• Chestnut Villa color palette (#F9F3F8, #E3D6D4, #A6B9AE, #8F4F48, #41373F)
• Muted Olive color palette (#F5F2E7, #CCDFC8, #B7C5A4, #736E00, #2A2514)
• Muted Driftwood color palette (#FCF2F8, #E7D6D6, #BDAEA4, #AF7B6B, #352B32)
• Worn Taupe color palette (#F7E7DF, #CC9B66, #6E7A4E, #5A3D53, #3A2334)
• Cocoa Harbor color palette (#ECDED7, #BFB0A0, #9A8C6D, #742703, #140702)
• Dusty Bloom color palette (#EBE9E0, #CACEB7, #9AA991, #515C00, #191606)
• Worn Taupe color palette (#FAF0E3, #A6A54F, #4A712E, #5D3C3F, #241B00)
• Midnight Field color palette (#F8EADE, #945100, #302300, #150901, #040101)

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