Tempered Olive color palette — #F0F1E2 · #3E8C00 · #004A41 · #163C00 · #000504
Olive Leaf and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F0F1E2): a clean, paper-quiet neutral.
- Olive Leaf (#3E8C00): A full-bodied, vivid green — the color of a quiet forest floor.
- Forest (#004A41): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Forest (#163C00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#000504): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. 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
- Muted Pine Lantern color palette (#DFE3D7, #007D4B, #123E4E, #00301A, #000300)
- Olive Dune color palette (#EDE9DD, #827900, #004D18, #373300, #030400)
- Patina Lagoon Ridge color palette (#DAE9DF, #00926C, #005848, #00302C, #011822)
- Clover Grove color palette (#E2EDD6, #1EC649, #008C64, #006360, #001912)
- Hushed Moss Lantern color palette (#DEEEE6, #979900, #006E75, #555700, #000407)
- Worn Forest color palette (#E3E6DA, #B6BCAB, #849573, #00541C, #1E2111)
- Muted Meadow color palette (#F5F6EF, #81C185, #00807C, #0B7424, #1C271C)
- Tempered Onyx Delta color palette (#E4F0DF, #006659, #003C54, #20005C, #021700)
Browse the whole catalog at Explore, or see today's palette.