Tempered Olive color palette — #ECE8E1 · #918E7E · #69712A · #362700 · #020100

A conversation between Olive and Espresso, giving this palette its sense of nature and growth.

The five colors

• Parchment (#ECE8E1): bright and airy, almost weightless.
• Gray (#918E7E): A luminous, dusty green — the color of new leaves after rain.
• Olive (#69712A): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#362700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): 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

• Washed Cabin color palette (#E5E8DE, #9AA396, #62866D, #00421E, #040500)
• Weathered Fern Harbor color palette (#EBE9E1, #CBCDC0, #9CA98F, #5A5900, #1A1608)
• Bronze Alley color palette (#EEE9DB, #A66000, #696200, #004F36, #010100)
• Onyx Garden color palette (#EFDDCC, #6B5A32, #22421C, #1F0039, #100004)
• Cellar Cabin color palette (#DFE1D1, #236551, #003131, #290700, #000201)
• Patina Pine color palette (#F2F2EC, #D1D9D5, #ADC2BD, #53834D, #2C2D23)
• Eclipse Spruce color palette (#F5DBC2, #5C4100, #072B00, #140021, #010100)
• Hushed Study color palette (#E7E4D9, #8E8E82, #5D7534, #2E2B00, #020100)

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