Tempered Olive color palette — #F9EAD9 · #B1A96C · #688D2B · #515BA7 · #1F1B00
Olive Leaf and Slate set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9EAD9): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#B1A96C): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#688D2B): A full-bodied, balanced green — the color of a quiet forest floor.
- Slate (#515BA7): A full-bodied, balanced violet — the color of wild irises.
- Ink (#1F1B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, 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
- Airy Archive color palette (#E9E4D4, #8EB574, #089662, #774E99, #0D2000)
- Aged Moss Villa color palette (#EEE3D4, #BCBF7F, #68A34D, #756AA8, #2A2B00)
- Ancient Lagoon color palette (#F3EFDD, #89B489, #009575, #007085, #002203)
- Muted Olive Coast color palette (#DEF0E8, #849C66, #347112, #00504F, #131F00)
- Muted Garnet color palette (#EFEED3, #5F9776, #007267, #682F61, #000803)
- Moss Field color palette (#FFF3E5, #DCD087, #8FB44C, #7D82C3, #433B00)
- Weathered Pine Canyon color palette (#F9EDE6, #ADC9AB, #00A4BC, #00824A, #002334)
- Wandering Grape Alley color palette (#FFE3EB, #CA96EE, #21AC3A, #8700BF, #002204)
Browse the whole catalog at Explore, or see today's palette.