Chestnut Loft color palette — #F6F1E7 · #BFBD9A · #8E844B · #7B4C0E · #2A2E20
Built around Coffee, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Cream (#F6F1E7): bright and airy, almost weightless.
- Stone (#BFBD9A): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#8E844B): A luminous, dusty green — the color of fresh herbs.
- Coffee (#7B4C0E): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#2A2E20): 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 Chestnut Loft 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
- Washed Chestnut color palette (#F9F5E9, #B4BE8E, #878256, #7A560C, #4D4A00)
- Tempered Jade color palette (#EFF4E7, #60A67F, #9E7D41, #5D6333, #202515)
- Patina Balcony color palette (#ECDECE, #A09A6A, #885A00, #642A15, #1A1901)
- Stone Lantern color palette (#EAFAF1, #BCE6E9, #B7B07A, #628469, #30443F)
- Washed Olive Field color palette (#F9EAD3, #727731, #573F00, #3B1700, #000800)
- Oat Corridor color palette (#EAFAF0, #A2D8C9, #7EA68F, #896A76, #354D4C)
- Worn Driftwood Boulevard color palette (#EEF3EF, #8DD1D6, #B16983, #008188, #201210)
- Pewter Loft color palette (#F8EEF8, #6890C9, #8A4F89, #4D4F1C, #231723)
Browse the whole catalog at Explore, or see today's palette.