Tempered Olive color palette — #EFF1FC · #977DC9 · #5D6D00 · #004A55 · #00232A

A conversation between Olive and Lavender Blue, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF1FC): bright and airy, almost weightless.
• Lavender Blue (#977DC9): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#5D6D00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004A55): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00232A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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

• Olive Bloom color palette (#F0F1FB, #AB8EC6, #5F7D35, #3A487E, #1B273E)
• Chestnut Archive color palette (#EAF3FC, #4F92D3, #994D00, #004B4D, #002425)
• Airy Thicket color palette (#FFF1F4, #C48BD7, #718B4A, #006C69, #00413F)
• Timeworn Cerulean color palette (#F6EFF5, #BFE3F2, #2E98CD, #1D6E4A, #1D2C43)
• Linen Courtyard color palette (#F8F2FF, #C65DA1, #8A560C, #13562E, #093C57)
• Aged Driftwood color palette (#EDF1FF, #C5B7D6, #A77E91, #3B596B, #223540)
• Muted Magenta Canyon color palette (#F3EFFF, #C156BE, #3F6D07, #3D007C, #1F0045)
• Mallow Pier color palette (#FFF1F1, #F19ACF, #AF8029, #006C58, #1E284E)

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