Tempered Cabin color palette — #F8F0EB · #DAD8CC · #BDBFAB · #9F6539 · #322A25

Built around Ochre, softened by Stone — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Bone (#DAD8CC): bright and airy, almost weightless.
• Stone (#BDBFAB): A luminous, dusty green — the color of new leaves after rain.
• Ochre (#9F6539): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#322A25): 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

• Bronze Boulevard color palette (#FAF3F7, #CDDADB, #ACC2C0, #9D644A, #50434B)
• Fern Canyon color palette (#F3F2EA, #CEDACE, #B1BBA5, #596D32, #222115)
• Driftwood Courtyard color palette (#FCE2C8, #C1AD89, #8E8A5F, #425F57, #493141)
• Antique Harbor color palette (#F3E4D1, #9C6900, #33312A, #1C140A, #090603)
• Tempered Bronze color palette (#FBEDE1, #AF9D84, #947831, #532A00, #090300)
• Patina Marigold color palette (#FFEFDE, #FFCCBE, #F4AB56, #9B9B54, #2F1C00)
• Patina Amber color palette (#FFF0D8, #E17F32, #7E6903, #004E64, #2F1F0B)
• Tempered Fern color palette (#EFF0E5, #B0B6A5, #84937B, #235000, #0C0C01)

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