Tempered Olive Market color palette — #EEE2D8 · #B1A66B · #4E820D · #6F4270 · #342703

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

The five colors

• Parchment (#EEE2D8): bright and airy, almost weightless.
• Sage (#B1A66B): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#4E820D): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#6F4270): A full-bodied, balanced pink — the color of a candy shop window.
• Espresso (#342703): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Patina Pine color palette (#EEE4CF, #8EB178, #008665, #774258, #2B2B05)
• Olive Balcony color palette (#E6FCEA, #BBC276, #538545, #4E4B75, #001E14)
• Frosted Emerald Grove color palette (#FFF4E1, #ADC587, #009F67, #785C87, #334018)
• Cypress Delta color palette (#EAE4D4, #81B481, #008472, #185B82, #282C05)
• Fern Meadow color palette (#D8EADF, #81963B, #25650B, #1B415B, #083026)
• Frosted Aubergine color palette (#F6D4DC, #D581F5, #00A141, #7C1D9A, #00330F)
• Washed Emerald color palette (#EBE3C9, #4F9655, #006154, #62182F, #001502)
• Chestnut Lantern color palette (#FAF4ED, #DED0A9, #84A77A, #907483, #5F4A00)

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