Tempered Olive color palette — #FCF5E4 · #B8B974 · #798937 · #68625C · #37352F

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

The five colors

• Cream (#FCF5E4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B8B974): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#798937): A full-bodied, balanced green — the color of a quiet forest floor.
• Graphite (#68625C): a grounded near-black with real depth.
• Espresso (#37352F): a grounded near-black with real depth.

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

• Timeworn Emerald Parlor color palette (#F9F6E4, #B2CF98, #719D6A, #76716A, #43433C)
• Antique Olive Thicket color palette (#E9E5D0, #8EB363, #4A823B, #525A31, #2C2A0B)
• Weathered Lagoon Study color palette (#FAF4EB, #C7D7AB, #599A76, #725781, #2C290D)
• Mustard Delta color palette (#F2E3CA, #DDA700, #A18500, #6B5F00, #3C3B05)
• Hazy Mustard color palette (#F8EED7, #C2A700, #DD6A90, #847100, #512533)
• Mustard Meadow color palette (#F1FCC8, #BDC755, #7D8900, #4D5300, #212300)
• Powdered Thicket color palette (#F0E5B9, #969E00, #009F8B, #A46646, #322B0C)
• Worn Bronze Thicket color palette (#F4F7ED, #C7D9AF, #8EA37E, #8E7D34, #405612)

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