Tempered Olive color palette — #F2F0D7 · #5A7E00 · #4E59A4 · #672959 · #2A270F
Olive Leaf takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F2F0D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#5A7E00): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#4E59A4): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#672959): A deep, shadowed, balanced pink — the color of neon signs at night.
- Onyx (#2A270F): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Ancient Pier color palette (#FAEDD2, #856F00, #00689A, #54336E, #312409)
- Pine Studio color palette (#EAF2DD, #008655, #754D8E, #732537, #232916)
- Chalky Canyon color palette (#EAF7DF, #008C6B, #0053A0, #5E1B4E, #412300)
- Feathered Olive color palette (#E9ECD2, #448735, #585E9C, #45337F, #111100)
- Hushed Aubergine Boulevard color palette (#F5F7E4, #3A831C, #3B2A8D, #601039, #2C1D05)
- Emerald Thicket color palette (#FFECCE, #009E6C, #00676D, #5D2857, #27351E)
- Hushed Mulberry color palette (#D6F5FA, #00A78E, #1B8AC0, #7F458C, #022C31)
- Grape Meadow color palette (#D8EDC7, #007A60, #8C009F, #770013, #00261C)
Browse the whole catalog at Explore, or see today's palette.