Tempered Olive color palette — #FEF4DF · #B5C28B · #52863A · #5D5100 · #161B00
Built around Olive Leaf, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#FEF4DF): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#B5C28B): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#52863A): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#5D5100): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#161B00): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Patina Basin color palette (#F6F7E3, #8BCCA4, #1E8973, #71450B, #001F0F)
- Worn Olive Coast color palette (#FFF3E2, #CCC681, #708A00, #006A38, #221F00)
- Forest Harbor color palette (#F9F6E1, #7FB276, #007247, #354200, #010B00)
- Wandering Emerald color palette (#EFE3D2, #B5C27A, #3EA962, #8A7147, #2F290A)
- Fern Atelier color palette (#D5EBDE, #849540, #33621B, #463E0D, #0D3026)
- Tempered Garden color palette (#F8F5ED, #C6DED0, #A0B790, #769050, #534600)
- Dusty Cabin color palette (#BBF4C2, #41C386, #008B6C, #00514B, #002223)
- Worn Abyss Boulevard color palette (#F2ECDC, #6E834E, #034A0C, #00211A, #010100)
Browse the whole catalog at Explore, or see today's palette.