Tempered Olive color palette — #F2F1DD · #4F7600 · #004033 · #1E3000 · #000201
A conversation between Olive and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F1DD): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#4F7600): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004033): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#1E3000): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Pine Delta color palette (#E0F7E0, #007649, #004732, #001914, #000202)
- Bronze Canyon color palette (#EAE0CB, #7B6600, #204000, #332900, #010100)
- Spruce Corridor color palette (#E2E3D8, #9EA291, #6F8544, #134200, #040500)
- Hushed Thicket color palette (#E2F4EF, #6D9219, #00624C, #374E00, #000201)
- Timeworn Lagoon Delta color palette (#DAE8DC, #008991, #004772, #003E43, #000201)
- Emerald Boulevard color palette (#C9ECD8, #1BAC25, #008756, #005950, #000402)
- Onyx Market color palette (#EAE4D6, #443900, #3E0033, #240004, #020100)
- Worn Pine color palette (#F1F3EB, #A6D0AE, #409193, #4B7F58, #0D190E)
Browse the whole catalog at Explore, or see today's palette.