Tempered Olive color palette — #EFEBD6 · #617200 · #006060 · #5C1400 · #030100
Olive and Espresso set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#EFEBD6): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#617200): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#006060): A full-bodied, dusty teal — the color of glacier melt.
- Espresso (#5C1400): A deep, shadowed, balanced orange — the color of toasted spice.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged jewel, vibrant, 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
- Garnet Market color palette (#EDE4D3, #7C6200, #006647, #71002D, #040100)
- Hushed Grove color palette (#DEE5CD, #00784B, #00577A, #493200, #010200)
- Forest Garden color palette (#E8ECDF, #006E41, #00291E, #091009, #010200)
- Emerald Boulevard color palette (#E0F3D9, #009C41, #007549, #004432, #000302)
- Frosted Lantern color palette (#E3F3D9, #00896B, #0069B4, #5D4800, #000200)
- Twilit Aubergine Veranda color palette (#E5E1CA, #444A00, #31008D, #16004A, #050100)
- Antique Olive color palette (#E2E2D7, #96A695, #798E7E, #4B7027, #0B0A00)
- Misty Workshop color palette (#D8F5D7, #00BAB6, #587EFF, #707200, #002010)
Browse the whole catalog at Explore, or see today's palette.