Timeworn Cabin color palette — #FFF0F9 · #DFB399 · #C17B5D · #8A5B50 · #4C363F

Built around Caramel, softened by Pewter — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sand (#DFB399): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#C17B5D): A luminous, balanced orange — the color of toasted spice.
• Pewter (#8A5B50): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#4C363F): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Hushed Basin color palette (#FFF1F6, #A9C8A6, #B9814E, #865F47, #324233)
• Weathered Bronze Balcony color palette (#F5E2EB, #D3A37C, #B96832, #7E4C39, #442531)
• Taupe Study color palette (#FFF0F9, #CB9C73, #956553, #624664, #314234)
• Wandering Basalt color palette (#FFF2EA, #E7CAB2, #D0A08D, #A77D6B, #563500)
• Soft Amber color palette (#FBDDE8, #BC7D24, #8C4F00, #612C00, #201300)
• Pale Bronze Studio color palette (#DBF6E6, #BCBA5E, #998700, #775D00, #343909)
• Timeworn Harbor color palette (#E9FAF1, #A29D3D, #B25385, #954539, #1F2E1F)
• Hushed Bronze Pier color palette (#E3F0E6, #826D00, #574200, #322000, #000502)

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