Tempered Terrace color palette — #F9F1E4 · #AE9F77 · #5D6C2C · #5D3A4C · #241B00

Olive takes the lead with Taupe close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F1E4): bright and airy, almost weightless.
• Taupe (#AE9F77): A luminous, dusty gold — the color of old brass.
• Olive (#5D6C2C): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#5D3A4C): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#241B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Tempered Terrace 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 Pewter Meadow color palette (#F8F1E4, #BCB48D, #677D58, #6C4A53, #2D270F)
• Pine Villa color palette (#F7F2E1, #96A879, #41723E, #215045, #201D03)
• Patina Fern Veranda color palette (#FFF1F6, #A39C6F, #4E6D3C, #47456F, #3C360B)
• Weathered Fern color palette (#EADEC9, #90934E, #445F20, #5A2627, #131300)
• Worn Terracotta color palette (#FFEAE8, #DC897F, #A4483C, #661107, #210100)
• Dusty Bronze Cabin color palette (#EDE2D3, #837B1E, #3B4B00, #311F46, #090800)
• Antique Study color palette (#F8F1E6, #B7CFB4, #218B96, #005E42, #00252F)
• Weathered Mulberry color palette (#FBE3DD, #D46C78, #008D93, #93273C, #002123)

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