Tempered Olive color palette — #F7F5EC · #A5B887 · #588141 · #53611B · #4A4400
A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F5EC): a clean, paper-quiet neutral.
- Sage (#A5B887): A luminous, dusty green — the color of fresh herbs.
- Olive Leaf (#588141): A full-bodied, balanced green — the color of new leaves after rain.
- Olive (#53611B): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#4A4400): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Weathered Summit color palette (#F4F7EC, #BBC6A7, #5A8D7A, #5A6C56, #43550E)
- Pine Dune color palette (#F8F6E3, #85A76F, #3C713B, #36533A, #36362F)
- Muted Alley color palette (#E0E0D2, #4B8B4F, #00532D, #00353D, #1A1D00)
- Cypress Villa color palette (#DFE7D2, #006E54, #00332B, #001B1C, #000805)
- Muted Basin color palette (#FFF0FC, #F5D0D5, #CEB8FF, #5E7CA0, #594754)
- Tempered Archive color palette (#F4F6F0, #BDE7DB, #608CC5, #0C6B90, #563E54)
- Faded Field color palette (#FFF0FC, #6983D8, #B34F9F, #007780, #462F41)
- Peony Study color palette (#FFF0FD, #7C9EE5, #D15B85, #4362A9, #603241)
Browse the whole catalog at Explore, or see today's palette.