Tempered Olive Grove color palette — #E8FAF2 · #91A275 · #457027 · #693E32 · #1E3C34
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#91A275): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#457027): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#693E32): A full-bodied, dusty orange — the color of toasted spice.
- Forest (#1E3C34): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Olive Grove 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
- Dusty Study color palette (#D9E9E4, #6A9A60, #00672C, #4B3C07, #05302B)
- Patina Pine Market color palette (#E8FAF6, #8CBAB5, #3F835C, #734C5E, #284946)
- Timeworn Pine color palette (#E7F6EC, #96A870, #2F7541, #424265, #00221A)
- Wandering Delta color palette (#FFF1F6, #FCD4A0, #C3A763, #965B3F, #553944)
- Emerald Villa color palette (#FCE8F2, #CF703E, #1D9131, #8C3A00, #144019)
- Chestnut Market color palette (#FFF2EA, #DA975E, #8B4C00, #552A00, #381A00)
- Hushed Corridor color palette (#DBF2EF, #217E53, #004231, #321D00, #001409)
- Tempered Olive color palette (#FFD8E6, #AD6600, #4F7C00, #8F375A, #401F2D)
Browse the whole catalog at Explore, or see today's palette.