Tempered Terrace color palette — #FAF5E8 · #D7E5B6 · #A0C097 · #929F88 · #584E00

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

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Celadon Mist (#D7E5B6): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A0C097): A luminous, dusty green — the color of fresh herbs.
• Taupe (#929F88): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#584E00): A full-bodied, balanced green — the color of new leaves after rain.

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

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

• Stone Study color palette (#FFEFFF, #DDD2D9, #A1CABA, #A0A698, #5F4E5A)
• Muted Ash Quarry color palette (#EDF9F0, #BEDEF0, #8EB8B2, #6F8C92, #344C43)
• Seafoam Corridor color palette (#F4F7E6, #83E0B9, #5FB1A5, #688E76, #343730)
• Wandering Cocoa Summit color palette (#FDF0FF, #B6D8FF, #E8BF8A, #85ACD7, #6B4400)
• Weathered Stone color palette (#FFF0FE, #A6C9FF, #F1A7A7, #98BA8F, #4C3C4C)
• Timeworn Quarry color palette (#ECF4F1, #ABCBC3, #608D85, #426A68, #1A3731)
• Muted Powder Coast color palette (#D5FEE6, #A2E1FF, #8AC2F6, #7A9AC5, #624C5C)
• Muted Terrace color palette (#E7E2CF, #69993C, #007634, #0E544B, #070600)

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