Tempered Olive color palette — #E7E5FF · #A292FF · #008F6F · #2C8400 · #12082F

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

The five colors

• Frost (#E7E5FF): A whisper-light, dusty violet — the color of a velvet chair.
• Wisteria (#A292FF): A luminous, balanced violet — the color of twilight just after sunset.
• Fern (#008F6F): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive Leaf (#2C8400): A full-bodied, vivid green — the color of fresh herbs.
• Deep Indigo (#12082F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Hushed Iris Courtyard color palette (#D9DEF7, #8897FF, #4C9B57, #6C7700, #0B0D2C)
• Washed Fuchsia color palette (#ECD9F3, #D96FFF, #009881, #00862B, #1D0426)
• Azure Delta color palette (#DFEBF5, #0093E4, #A37D00, #657314, #001324)
• Aged Loft color palette (#F2E0FE, #B12CEB, #008A58, #006B67, #100019)
• Wandering Grove color palette (#F4DDEF, #FF8FF0, #00B6B1, #009F68, #3B0F36)
• Antique Orchard color palette (#D9F3F1, #00BB6C, #9E76FF, #31274D, #03040E)
• Washed Peony color palette (#E5D9F4, #ED00B3, #00956F, #007556, #1D0214)
• Byzantium Lantern color palette (#E6E1EE, #9A16F8, #985700, #00675C, #19052C)

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