Tempered Terrace color palette — #F1DFCB · #BEB373 · #B98238 · #9A5642 · #282503

A conversation between Mustard and Ochre, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F1DFCB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#BEB373): A luminous, balanced green — the color of new leaves after rain.
• Mustard (#B98238): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#9A5642): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#282503): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Muted Bronze Quarry color palette (#F6E5CD, #C3C599, #B49A69, #A4694A, #30312A)
• Muted Bronze color palette (#E2F2E2, #B59C5B, #956720, #763B00, #002C1C)
• Gentle Lantern color palette (#EFD9CB, #B38649, #A85226, #82263B, #0E0B00)
• Worn Garnet color palette (#DDE8DC, #93873F, #754A00, #581904, #00120E)
• Hushed Fern color palette (#FFF3E6, #E8D8B6, #CAB197, #AE8976, #504900)
• Weathered Corridor color palette (#C7E6DC, #5FB9FF, #BF5E10, #008B4B, #001C32)
• Aged Cobalt color palette (#ECD6EA, #E0AE6B, #5678B7, #2A477C, #120611)
• Antique Apricot color palette (#E3E7C8, #FF8A68, #00BCD6, #2E4F3A, #07130B)

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