Tempered Cabin color palette — #FBF4E9 · #D2CC99 · #A1A567 · #B06E75 · #38352E

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

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Pistachio (#D2CC99): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A1A567): A luminous, balanced green — the color of new leaves after rain.
• Mocha (#B06E75): A luminous, balanced red — the color of a theater curtain.
• Espresso (#38352E): a grounded near-black with real depth.

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

• Wandering Moss color palette (#FDF4E4, #D8D18E, #A5AD44, #BD7441, #423C00)
• Feathered Moss color palette (#ECE4CF, #B9BF8E, #819D43, #9F6629, #292C00)
• Dusty Fern Drift color palette (#F4F6EE, #D9E2C7, #8EC3AE, #AC967D, #44550E)
• Timeworn Loft color palette (#F5F6EB, #C6CFA5, #62B488, #3591A5, #35362F)
• Aged Pier color palette (#EEF9ED, #DBD292, #739839, #5F5D8B, #172D22)
• Coral Quarry color palette (#FFF2EB, #E9D9BE, #D8C98D, #E5918D, #5D3728)
• Wisteria Summit color palette (#FDDCD5, #E990A2, #DC9315, #AB72F9, #42211A)
• Gentle Cabin color palette (#FFF0EC, #FFBDA7, #F28162, #C04C22, #3D0E00)

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