Tempered Olive color palette — #F5F3E0 · #738800 · #354300 · #2B291D · #151610

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

The five colors

• Cream (#F5F3E0): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#738800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#354300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#2B291D): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#151610): a grounded near-black with real depth.

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

• Ancient Lagoon Grove color palette (#ECF6E3, #00936F, #304233, #262A21, #131612)
• Ancient Bronze color palette (#FAF0E5, #A76F1B, #3F3C35, #2E271F, #17150F)
• Wandering Taupe color palette (#E3F7F0, #95A45B, #425E5F, #2B3C36, #1D241E)
• Inked Pier color palette (#D9E4CA, #007552, #0E2D14, #101607, #020501)
• Antique Pier color palette (#E9F5F1, #AFBF87, #64837F, #455A53, #1D2320)
• Hushed Forest color palette (#EBF0DD, #006633, #3C4A51, #001F1D, #070B00)
• Timeworn Abyss Alley color palette (#C4F1F1, #58616C, #004243, #1E282F, #000A11)
• Worn Jade Harbor color palette (#F1F9E3, #4EAD7C, #A876A0, #936779, #41433D)

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