Tempered Olive color palette — #DBE9DB · #ABA86A · #4F820C · #106356 · #0B3122
A conversation between Olive Leaf and Sage, giving this palette its sense of nature and growth.
The five colors
- Parchment (#DBE9DB): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#ABA86A): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#4F820C): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#106356): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#0B3122): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Tempered Emerald Atelier color palette (#EAFAEE, #B0BB82, #589056, #2D706C, #1A3D32)
- Airy Summit color palette (#DBE8E1, #88B46C, #008758, #5C5720, #1C2F0D)
- Muted Olive color palette (#FCF4E6, #BAC088, #5C842F, #295C46, #1E1800)
- Washed Pine color palette (#D8E9DF, #7D9F50, #00743F, #004F54, #00211A)
- Airy Mint color palette (#CFF5EC, #5FC193, #008A81, #006389, #003823)
- Emerald Grove color palette (#E4FCEC, #AFC675, #3B9D51, #6D5E95, #353F19)
- Faded Azure Summit color palette (#CFE1EE, #00A5E3, #A97F00, #006C96, #362600)
- Washed Taupe color palette (#F0F8EF, #B7DBC6, #91A376, #737D93, #425148)
Browse the whole catalog at Explore, or see today's palette.