Olive Field color palette — #F6F0DF · #9F9943 · #677900 · #2C5400 · #164118
Olive Leaf takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F6F0DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#9F9943): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#677900): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#2C5400): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#164118): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns 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
- Frosted Mustard Alley color palette (#EBE2C5, #C7BD00, #8EA91D, #638744, #264423)
- Sunlit Olive Parlor color palette (#E4E3D5, #6E7F00, #305300, #023607, #002210)
- Faded Amber color palette (#F5DAC4, #CA9142, #856600, #584A00, #164019)
- Moss Terrace color palette (#F5DAC0, #CCAD33, #7B8E00, #226A1D, #044738)
- Softworn Pine Field color palette (#D6FFF7, #83B57E, #2F7423, #0B4003, #082600)
- Violet Chapel color palette (#D8F6ED, #809757, #9062AF, #486100, #45235B)
- Cobalt Dune color palette (#C7EFE5, #61873F, #166EBF, #9C2B44, #20310F)
- Antique Boulevard color palette (#E6F5E2, #6CB581, #007F60, #005A4D, #033E50)
Browse the whole catalog at Explore, or see today's palette.