Tempered Olive color palette — #EAF5EB · #BEB579 · #707C44 · #475B4A · #1B2C23

Built around Walnut, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#EAF5EB): a clean, paper-quiet neutral.
• Sage (#BEB579): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#707C44): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#475B4A): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#1B2C23): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Softworn Stone color palette (#E8F5F0, #B2CDA2, #658E70, #51675E, #243531)
• Hushed Corridor color palette (#E8F6EB, #A6A554, #596D37, #1C4F4F, #022317)
• Aged Jade color palette (#DFF8F3, #6CBB8B, #007D66, #375628, #002814)
• Chestnut Summit color palette (#FFF3E5, #B8B181, #677B4C, #7A4F0C, #533F00)
• Aged Summit color palette (#FFF1F6, #F1E8A7, #8CA87D, #876E78, #2A3E33)
• Linen Orchard color palette (#D9F9F9, #43BD8A, #B575A5, #217553, #2C203E)
• Aged Powder Canyon color palette (#DEF8FA, #B9D8FB, #A0C0E7, #4D857E, #173539)
• Olive Ridge color palette (#D5EADB, #6A6D00, #263F00, #261D00, #030300)

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