Tempered Terrace color palette — #F4F2E7 · #93A87E · #407332 · #215137 · #1F1D06

Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F2E7): a clean, paper-quiet neutral.
• Sage (#93A87E): A luminous, dusty green — the color of new leaves after rain.
• Olive (#407332): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#215137): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1F1D06): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Aged Market color palette (#F2F3E8, #94C09D, #3F8563, #495B3F, #252A15)
• Aged Forest Bloom color palette (#E9EBD7, #649D71, #006641, #00404D, #101400)
• Emerald Corridor color palette (#FCF4E8, #CDD69F, #5D9C54, #526B4E, #2D2812)
• Dusty Olive Coast color palette (#EEEEDE, #4E8A3F, #005221, #003224, #010B00)
• Tempered Emerald color palette (#D3F1E8, #4298DA, #00953C, #00598F, #002409)
• Weathered Cobalt color palette (#F0F3EB, #A3D3C7, #4F7CBF, #00567A, #30142D)
• Frosted Plum color palette (#FCE2F6, #5674D7, #A93997, #00686F, #1F0C1C)
• Dusty Delta color palette (#FFEBFA, #F8CDE8, #B69DE5, #4D729F, #331B2C)

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