Tempered Olive color palette — #F1F5FF · #A7ABF0 · #C0955C · #587F3F · #1D2436
Built around Olive, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#A7ABF0): A luminous, balanced violet — the color of wild irises.
- Camel (#C0955C): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#587F3F): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#1D2436): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. 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
- Sky Dune color palette (#ECF7FF, #69BEEA, #D08883, #896F27, #102736)
- Mallow Orchard color palette (#F4F4FF, #D8B2EC, #B3B27B, #4F9179, #312F42)
- Mallow Thicket color palette (#F5F3FF, #DFA0E7, #B07D53, #086E42, #072B52)
- Frosted Emerald Boulevard color palette (#F4F4FF, #CAA9E9, #E99095, #57A559, #303047)
- Mallow Corridor color palette (#E5FCE9, #E7B7FA, #B97E93, #586B3A, #352C46)
- Gentle Blush Drift color palette (#FAF1FF, #DC7A9D, #589C65, #006C7D, #1E0C26)
- Feathered Boulevard color palette (#F7F3FF, #F888DF, #639300, #007869, #2F0928)
- Orchid Parlor color palette (#F3F4FF, #AF64FF, #9A7900, #006726, #140028)
Browse the whole catalog at Explore, or see today's palette.