Tempered Cabin color palette — #F8F0EC · #DAD7CD · #A9AFA6 · #B1714E · #3B3531

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

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Bone (#DAD7CD): bright and airy, almost weightless.
• Ash (#A9AFA6): a calm mid-gray that lets other colors speak.
• Mocha (#B1714E): A luminous, balanced orange — the color of toasted spice.
• Espresso (#3B3531): quiet, heavy and certain.

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

Use it as a design system

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

• Softworn Harbor color palette (#F5F1EA, #D4DBCF, #B6C1B5, #7E7645, #302C21)
• Ancient Workshop color palette (#FAF3F8, #E1D8D7, #A7B0B9, #A3746C, #575055)
• Muted Basalt Cabin color palette (#EAE6DE, #B8B3A2, #908F76, #544100, #100901)
• Softworn Oat color palette (#FFEEE3, #DFC8A6, #948F72, #5F6F67, #463A45)
• Wandering Apricot Pier color palette (#FCF0DE, #E0967B, #927339, #1A5C66, #38281A)
• Bronze Coast color palette (#FBEDE3, #9D8975, #886420, #481900, #030100)
• Weathered Bronze Terrace color palette (#FAEADC, #B76F24, #3F3B34, #241D16, #100B09)
• Hushed Fern Lantern color palette (#F4F2E4, #D3D7B8, #A2B28A, #516400, #1E1A01)

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