Olive Field color palette — #E2E2C7 · #BD9C00 · #5F8E00 · #006151 · #031B00
Olive Leaf takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#E2E2C7): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#BD9C00): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#5F8E00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006151): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#031B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Chalky Workshop color palette (#E9F4D2, #8DA000, #00844D, #005050, #000D06)
- Hazy Amber color palette (#ECDDBE, #E58400, #8B7900, #11610B, #161900)
- Sunlit Moss Coast color palette (#B9ECDD, #FB9E35, #3FB216, #008E97, #001E0F)
- Wandering Pine Boulevard color palette (#DDECDA, #008B40, #005B44, #00342B, #001C26)
- Washed Clover Drift color palette (#D6E7D0, #00BB53, #009887, #006582, #001E1E)
- Washed Lime Atelier color palette (#DBFFED, #94C700, #00AA7F, #007C8B, #00342A)
- Tempered Atelier color palette (#DBE9C9, #669877, #016966, #3E2A59, #3D1635)
- Muted Lime Alley color palette (#F4F7EA, #D5DC88, #75CD6B, #009888, #3E4039)
Browse the whole catalog at Explore, or see today's palette.