Tempered Olive color palette — #FCF5E4 · #A5A76E · #617300 · #305E1B · #3D3D02
A conversation between Olive and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#FCF5E4): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#A5A76E): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#617300): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#305E1B): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#3D3D02): A deep, shadowed, dusty green — the color of a quiet forest floor.
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 Pine color palette (#F6F6E6, #85B180, #007F3F, #006049, #1E451B)
- Worn Olive Workshop color palette (#FDEFE2, #BAA760, #617500, #005A42, #2B1E00)
- Fern Archive color palette (#E9E5D4, #85935D, #3D6100, #0F4A1E, #252D00)
- Timeworn Driftwood Pier color palette (#F8F5EB, #C7C2A2, #89843B, #596C54, #594D00)
- Moss Delta color palette (#FFF1F5, #D2BA5D, #799303, #117B5D, #443A10)
- Airy Pier color palette (#E8FBEF, #D5D47D, #9EAF47, #78926A, #1A4433)
- Cellar Corridor color palette (#EFEBD2, #4A682D, #073502, #001B1C, #030800)
- Soft Grove color palette (#C5F8E7, #0087CB, #9440D0, #00715D, #003451)
Browse the whole catalog at Explore, or see today's palette.