Tempered Olive color palette — #CCE5D8 · #8B8100 · #00797E · #514B00 · #003032
A conversation between Olive Leaf and Teal, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#CCE5D8): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#8B8100): A full-bodied, balanced green — the color of new leaves after rain.
- Teal (#00797E): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#514B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#003032): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Hushed Orchard color palette (#D1F1E5, #667600, #006478, #353E00, #001F26)
- Emerald Summit color palette (#C2E7E4, #25964C, #006FB2, #005926, #002B49)
- Aged Summit color palette (#CFECD9, #8E8A5C, #665400, #473300, #252600)
- Hushed Garnet Delta color palette (#D5E7DA, #836700, #007141, #940018, #281E00)
- Pale Station color palette (#EED6E3, #BF6126, #00812E, #763200, #00330D)
- Misty Bloom color palette (#E8DDC4, #BEAA29, #4167EC, #716400, #172550)
- Powdered Alley color palette (#D1F0DE, #918000, #3652F1, #514700, #050A38)
- Weathered Grove color palette (#DDF6E8, #9A903D, #C0496A, #615800, #57202F)
Browse the whole catalog at Explore, or see today's palette.