Tempered Cabin color palette — #F7F1E6 · #97A777 · #2C7640 · #5E3A47 · #201D04

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F1E6): bright and airy, almost weightless.
• Sage (#97A777): A luminous, dusty green — the color of fresh herbs.
• Olive (#2C7640): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#5E3A47): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#201D04): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Lagoon Summit color palette (#F4F2E5, #B1B88E, #358570, #71484F, #262A14)
• Fern Lantern color palette (#F9F5E5, #8EA568, #4B6E36, #514945, #36362F)
• Washed Study color palette (#E9E6D8, #649E68, #006450, #57282C, #111400)
• Moss Chapel color palette (#E7FAF2, #C4D8A9, #649B48, #845648, #0C2F27)
• Ancient Chestnut Balcony color palette (#FFE9D9, #DA935D, #935600, #512C00, #170800)
• Washed Onyx color palette (#EAE3CD, #5E8548, #005134, #3E124A, #030A00)
• Timeworn Cobalt color palette (#F9F0EA, #AED1BE, #0082C9, #005C55, #111F3E)
• Antique Chapel color palette (#EADADE, #DE6D70, #B43100, #6B3400, #301F00)

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