Tempered Olive color palette — #F0F0CC · #398A00 · #005A3B · #002725 · #000305
A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#F0F0CC): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#398A00): A full-bodied, vivid green — the color of fresh herbs.
- Deep Olive (#005A3B): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#002725): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000305): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. 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
- Aged Workshop color palette (#E3F0DD, #008364, #005753, #002530, #00030A)
- Dusty Bronze Villa color palette (#FAE6CB, #877500, #325400, #002817, #000403)
- Timeworn Moss color palette (#F8EDDB, #808B00, #007247, #004640, #000305)
- Softworn Olive Harbor color palette (#FFDCEC, #487100, #004743, #3A0033, #000501)
- Moonless Delta color palette (#D6E9E3, #4C6200, #003A64, #39000F, #070001)
- Emerald Market color palette (#CCF2F0, #9E9F00, #009549, #006880, #000302)
- Wandering Lagoon Study color palette (#DAE5C3, #36896C, #19616E, #4F1820, #2A0302)
- Dusty Grove color palette (#DCE9E5, #8AADAB, #668E96, #374E00, #020C09)
Browse the whole catalog at Explore, or see today's palette.