Tempered Olive color palette — #EFF8EF · #BAB785 · #6B8C4D · #7E5C27 · #173E2D
Built around Olive Leaf, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#EFF8EF): a clean, paper-quiet neutral.
- Sage (#BAB785): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#6B8C4D): A full-bodied, balanced green — the color of a quiet forest floor.
- Coffee (#7E5C27): A full-bodied, balanced gold — the color of old brass.
- Forest (#173E2D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, 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 Summit color palette (#EBF9F4, #93C1A0, #259381, #5B6A3F, #193E26)
- Sand Dune color palette (#FDF4E8, #D9D488, #78955E, #67625C, #2F270F)
- Weathered Fern color palette (#FBF4E6, #A29E61, #61691C, #584A16, #38352E)
- Faded Moss Boulevard color palette (#E9FBE9, #C2BE82, #6F934A, #007B68, #413C00)
- Dusty Coast color palette (#DAE9DD, #A3AA78, #4A8142, #00635D, #282C00)
- Tempered Pine color palette (#D0E7D6, #8F9963, #2C722B, #574200, #191D00)
- Ash Garden color palette (#EFF7F5, #B5D9D9, #6EA8A1, #5A887E, #395353)
- Timeworn Lagoon color palette (#CFFFF4, #76CDB9, #009481, #005C4E, #00251E)
Browse the whole catalog at Explore, or see today's palette.