Olive Field color palette — #D4E3D4 · #A39A4C · #547F00 · #754C00 · #121000
Olive Leaf takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Bone (#D4E3D4): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#A39A4C): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#547F00): A full-bodied, balanced green — the color of new leaves after rain.
- Bronze (#754C00): A full-bodied, balanced gold — the color of old brass.
- Ink (#121000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Feathered Pine color palette (#D5EADF, #81A46D, #008558, #5D5800, #061400)
- Washed Hollow color palette (#E8DFD0, #8F8537, #545700, #453600, #131000)
- Airy Mulberry Atelier color palette (#E1EFE7, #7FA561, #008554, #92274F, #071300)
- Washed Moss Terrace color palette (#E2E7CC, #4E9E1C, #007C3E, #00594C, #001716)
- Hushed Olive color palette (#FBE7D0, #746900, #273E00, #2C1A00, #040200)
- Linen Boulevard color palette (#C5F3F3, #73BDDD, #58ACFF, #638600, #001A16)
- Teal Market color palette (#D6EAE4, #95C7AA, #34A498, #637F44, #003030)
- Hushed Teal Loft color palette (#D3F9EE, #00B595, #008672, #00574A, #000503)
Browse the whole catalog at Explore, or see today's palette.