Tempered Cabin color palette — #F3F3E8 · #8AA76A · #3B7B8F · #5A3F6A · #3D1E07

Moss and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F3E8): bright and airy, almost weightless.
• Moss (#8AA76A): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#3B7B8F): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5A3F6A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#3D1E07): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.

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 Garnet color palette (#EEF4EB, #6AAB9B, #5E709D, #6E384C, #352402)
• Worn Cypress Parlor color palette (#F8F1E6, #B59764, #3D8165, #2E4F6E, #3C1C21)
• Softworn Field color palette (#F6F4D6, #BBC7AA, #8DA28B, #705C61, #4F3637)
• Washed Loft color palette (#FFF1F6, #BC8D61, #0E8083, #853446, #5A3B1C)
• Worn Pewter color palette (#EAF9F5, #A3BA8B, #5597A9, #78579A, #61342A)
• Timeworn Thicket color palette (#EEF6D6, #109C4D, #00638B, #5A056A, #2D0C00)
• Ash Chapel color palette (#F5F1EA, #C5E5E6, #7BA0C5, #50755B, #442D41)
• Hushed Harbor color palette (#F6F1E6, #CBC4A1, #87873F, #795D10, #32312A)

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