Tempered Olive color palette — #F7E7FB · #7C7E00 · #520023 · #191607 · #170006

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

The five colors

• Blush (#F7E7FB): A whisper-light, dusty pink — the color of peonies in June.
• Olive Leaf (#7C7E00): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#520023): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#191607): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#170006): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Balance. Tagged luxury, dark, 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

• Twilit Delta color palette (#F1E0EB, #8A7800, #4D1200, #150200, #040002)
• Onyx Lagoon color palette (#E7E2F7, #6A8420, #490047, #130013, #040100)
• Timeworn Garnet color palette (#FFE7E3, #96992F, #82003C, #380016, #090000)
• Chestnut Terrace color palette (#FAEEF4, #AACDB7, #845437, #462436, #1A1115)
• Cocoa Terrace color palette (#EAE2E7, #ADB6AC, #739783, #732800, #14050F)
• Timeworn Grove color palette (#E2F6E6, #AB883D, #483600, #191100, #000201)
• Aged Garnet color palette (#FFE9E1, #D78F55, #74001E, #0D1109, #170002)
• Inked Ridge color palette (#F1DEE5, #6B5500, #384200, #210F00, #020100)

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