Tempered Olive color palette — #F3EED5 · #A6A62F · #628200 · #166205 · #00371A
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3EED5): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#A6A62F): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#628200): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#166205): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#00371A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, 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 Emerald color palette (#EDEFDF, #A0BB68, #4C9521, #00772C, #004530)
- Tempered Lime Drift color palette (#F0E38F, #B0B300, #638200, #125504, #00260F)
- Amber Quarry color palette (#F7E1CA, #C58E15, #8B7100, #524C00, #2C3400)
- Tempered Olive color palette (#C6EFCB, #7BC483, #238F1B, #05510D, #001906)
- Jade Hollow color palette (#E7F4E7, #49B97F, #00846D, #00625D, #003436)
- Olive Station color palette (#D3FFF7, #ADE7E7, #26C7C5, #80830C, #0A391F)
- Lilac Grove color palette (#CAE5DE, #7AA852, #A96FD7, #3E6A00, #38144F)
- Timeworn Cabin color palette (#D6F2ED, #4F9B37, #3977D8, #BF1B39, #0C2604)
Browse the whole catalog at Explore, or see today's palette.