Tempered Olive color palette — #F9F5EC · #BAAF8B · #647D48 · #67582D · #504100
A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5EC): a clean, paper-quiet neutral.
- Sage (#BAAF8B): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#647D48): A full-bodied, balanced green — the color of fresh herbs.
- Coffee (#67582D): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Timeworn Fern Alley color palette (#FBF5E7, #97A173, #477031, #185743, #37362F)
- Hushed Veranda color palette (#EFF8EF, #A1D1BC, #709C70, #617960, #30493E)
- Sunlit Meadow color palette (#F2ECD0, #72A24C, #006D32, #444700, #1C3600)
- Washed Lagoon color palette (#E6E8BC, #8BC094, #009369, #00695D, #0D4C5D)
- Driftwood Quarry color palette (#F0F8E9, #67B09A, #B96E91, #00775F, #622F48)
- Bronze Drift color palette (#EBFBE4, #399B89, #846CB0, #9B5400, #2E3D26)
- Tempered Spruce color palette (#F4ECD8, #627430, #0F4400, #272300, #0C1200)
- Ancient Cypress color palette (#F8F5EF, #CAE3D7, #5D90B7, #007077, #334869)
Browse the whole catalog at Explore, or see today's palette.