Tempered Olive color palette — #E8F5F2 · #A2BE8C · #A890C4 · #5F7C47 · #2E2D4A
A conversation between Olive and Mauve, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E8F5F2): a clean, paper-quiet neutral.
- Sage (#A2BE8C): A luminous, dusty green — the color of fresh herbs.
- Mauve (#A890C4): A luminous, dusty violet — the color of a velvet chair.
- Olive (#5F7C47): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#2E2D4A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, 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
- Bronze Alley color palette (#E7F7EA, #C9B07E, #809DCD, #8A6D2D, #1F324B)
- Timeworn Cypress Villa color palette (#E1F7FA, #7EC3B5, #C68896, #038474, #3C2842)
- Softworn Quarry color palette (#F8F6E7, #A7B787, #B188B7, #667D29, #674049)
- Jade Harbor color palette (#DAFAF4, #7CAB6F, #748FB8, #9C6868, #112D29)
- Worn Driftwood color palette (#FBEEF3, #A9C4A9, #9B7786, #694F5F, #1E3124)
- Driftwood Meadow color palette (#E2F7F3, #C5DFED, #AAC3DA, #648E7C, #243C3B)
- Ancient Cypress color palette (#E8F5F6, #ABCDB2, #396D5F, #11373B, #081718)
- Weathered Lagoon color palette (#D5FBF6, #ADDBB5, #689870, #2A5532, #00221F)
Browse the whole catalog at Explore, or see today's palette.