Tempered Olive color palette — #F0EDE1 · #A3BAA0 · #81A18F · #77760A · #191303

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

The five colors

• Cream (#F0EDE1): bright and airy, almost weightless.
• Sage (#A3BAA0): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#81A18F): A luminous, dusty teal — the color of sea glass.
• Olive Leaf (#77760A): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#191303): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Tempered Pine Loft color palette (#DBE1D1, #97BBAD, #72A39E, #008752, #12150A)
• Wandering Fern color palette (#DDF1E9, #99BDB4, #6EA199, #4D5A00, #081712)
• Hushed Basalt Ridge color palette (#D8E1DD, #93A4A0, #5A8583, #363A00, #000603)
• Pine Lantern color palette (#F1E3CB, #94A13C, #27861F, #6C5100, #0F1100)
• Aged Ridge color palette (#ECF0E8, #C4D8D2, #A2BFBE, #4FA583, #2B3025)
• Soft Jade Thicket color palette (#E8E5D6, #67AA6B, #008486, #803C4D, #3E0111)
• Chalky Moss color palette (#F6D9C2, #899100, #007A61, #632B75, #040F00)
• Weathered Mulberry Delta color palette (#ECE8DA, #828800, #006C9A, #78005B, #15000D)

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