Tempered Olive color palette — #F4F2E7 · #B7B596 · #5F8055 · #695026 · #2A280D
Built around Fern, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Cream (#F4F2E7): a clean, paper-quiet neutral.
- Stone (#B7B596): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#5F8055): A full-bodied, dusty green — the color of fresh herbs.
- Coffee (#695026): A full-bodied, dusty gold — the color of old brass.
- Onyx (#2A280D): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Olive Corridor color palette (#F7F2DF, #A0AF7B, #4C7A00, #4F5000, #1C2400)
- Misty Olive color palette (#F4F3E0, #94AE71, #2A9BC1, #4F7100, #002C3B)
- Worn Pine Ridge color palette (#EDF8F3, #85BCB3, #268665, #68506C, #294944)
- Linen Lagoon color palette (#F4F3DE, #7B9957, #009291, #9B5800, #221F00)
- Ancient Archive color palette (#F8F5E8, #C8E8C7, #76AB96, #946B60, #393C00)
- Timeworn Field color palette (#F2F4E0, #C6E0CA, #80D6DB, #758F51, #33342D)
- Dusty Forest Workshop color palette (#F2EFDA, #7E9769, #2E6325, #333E00, #141300)
- Fern Lantern color palette (#F1E8D6, #5C5C03, #262E00, #181400, #010100)
Browse the whole catalog at Explore, or see today's palette.