Tempered Olive color palette — #F5F6EE · #D3DDD8 · #B3C3BF · #757A32 · #484841

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#D3DDD8): bright and airy, almost weightless.
• Stone (#B3C3BF): soft and architectural.
• Walnut (#757A32): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#484841): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Olive 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

• Pewter Summit color palette (#F2F2EB, #D1D9D5, #B0C0BE, #637E59, #2C2D23)
• Muted Abyss Summit color palette (#EBEEE3, #A2AD9C, #6D8674, #00441D, #121606)
• Ancient Chestnut color palette (#F8F6E7, #8DBE8F, #3F826E, #685903, #414700)
• Hushed Cocoa color palette (#F2F5C9, #A1B79A, #6B9384, #795E55, #6C4300)
• Forest Studio color palette (#F2F8EA, #C3DAC0, #89B29B, #006C47, #2A3900)
• Tempered Abyss color palette (#D9E2DD, #C3B3C3, #9E8693, #004C64, #15231D)
• Antique Mint color palette (#EFF7F6, #D3DCE0, #B0B4C5, #84BC83, #3F4A49)
• Wandering Emerald color palette (#F3F8E5, #3BA057, #5F599B, #693548, #3D3632)

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