Tempered Terrace color palette — #E4DDD0 · #CC9C37 · #645400 · #312800 · #110A00

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

The five colors

• Bone (#E4DDD0): bright and airy, almost weightless.
• Mustard (#CC9C37): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#645400): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#312800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#110A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Fern Bloom color palette (#F4EEDE, #DAAC61, #696700, #393800, #1B1603)
• Hushed Apricot color palette (#DCE0D2, #DE9136, #00672E, #003313, #0A0D01)
• Softworn Terracotta color palette (#E9DBD2, #BAA542, #903300, #491600, #140802)
• Amber Harbor color palette (#F0EDDA, #C38300, #3E4C00, #171E00, #030200)
• Wandering Mustard Lantern color palette (#E8FBEE, #DCB560, #605000, #1E1800, #000201)
• Patina Mustard Field color palette (#EFEBE1, #BFA300, #008285, #746200, #001202)
• Dusty Cabin color palette (#EBDBC7, #A97400, #0077BC, #881A74, #271700)
• Apricot Archive color palette (#ECFAEB, #FEA066, #007977, #004443, #111E11)

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