Tempered Veranda color palette — #F7F1E4 · #C4BB9D · #9A7F39 · #65572C · #312C16

Walnut and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F1E4): bright and airy, almost weightless.
• Stone (#C4BB9D): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#9A7F39): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#65572C): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#312C16): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Veranda 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

• Dusty Study color palette (#EAFAF0, #99C3B4, #8B814C, #4E654C, #364D4A)
• Basalt Lagoon color palette (#F9F5EB, #D4E1CB, #BEAD84, #957347, #3F4300)
• Dusty Garden color palette (#E7DDCF, #80713D, #573F00, #311E00, #070500)
• Muted Chestnut color palette (#FFE9D4, #A77D48, #7B4600, #4F2300, #160C00)
• Linen Cocoa Balcony color palette (#FFE3CE, #C39570, #9E5522, #742800, #2B1700)
• Chestnut Balcony color palette (#EFF4EB, #64A48C, #94593D, #5D4600, #1E1D08)
• Washed Coast color palette (#FEEDF3, #9E89BF, #AC706E, #81512B, #2E1D24)
• Tempered Cypress Basin color palette (#EEF4EF, #C5C6A0, #266D75, #193922, #0E1610)

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