Tempered Olive Field color palette — #FFF1F6 · #B5A262 · #62720E · #3C4F7E · #473900
A conversation between Olive and Camel, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Camel (#B5A262): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#62720E): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#3C4F7E): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#473900): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Olive Field 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
- Tempered Ridge color palette (#E7FBEE, #96AD71, #297B46, #564872, #314110)
- Weathered Atelier color palette (#F9F2DD, #A5AE77, #597710, #00594F, #1F2300)
- Softworn Fern Thicket color palette (#DDE8DC, #948E53, #416017, #353A60, #093121)
- Softworn Orchard color palette (#EFF8F0, #A7CAB9, #5E8B82, #5F647D, #3C5348)
- Jade Ridge color palette (#D1F4EB, #52A57B, #006961, #602D58, #003821)
- Weathered Olive Parlor color palette (#E5F4EB, #688634, #005328, #352251, #141F00)
- Aubergine Summit color palette (#F3F4FF, #B983FF, #6A8D00, #6802B0, #304200)
- Dusty Lime Market color palette (#FFF3E7, #E9CC70, #9CB130, #6F87C1, #46390D)
Browse the whole catalog at Explore, or see today's palette.