Tempered Olive color palette — #F4EECC · #587F00 · #00592E · #002520 · #000304
A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#F4EECC): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#587F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#00592E): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#002520): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000304): quiet, heavy and certain.
Feels like: Nature, Growth, 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
- Forest Study color palette (#E1F0DE, #006E33, #003D26, #00160F, #000504)
- Bronze Workshop color palette (#FBDECD, #946B00, #484800, #0F2800, #000703)
- Washed Lagoon color palette (#DCF3DD, #008977, #00545A, #002534, #00030F)
- Hushed Olive color palette (#F0DFD4, #516F00, #004841, #3A0033, #000501)
- Obsidian Navy color palette (#EBE8CC, #4E6100, #003081, #390014, #070001)
- Worn Fern color palette (#E2E1D8, #A3A69A, #798D72, #3B4D00, #0C0900)
- Timeworn Delta color palette (#E2E8CD, #AA8B00, #009B33, #006C73, #000301)
- Basalt Grove color palette (#E8EFD7, #4A836B, #105765, #4F1E22, #2A0006)
Browse the whole catalog at Explore, or see today's palette.