Olive Field color palette — #F6F6E9 · #DDE0CD · #BAC2A7 · #558828 · #33332C
Olive Leaf takes the lead with Stone close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F6F6E9): a clean, paper-quiet neutral.
- Bone (#DDE0CD): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#BAC2A7): A luminous, dusty green — the color of new leaves after rain.
- Olive Leaf (#558828): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#33332C): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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
- Wandering Cypress color palette (#EBF1E8, #D1DBCF, #ABBDAD, #168471, #273121)
- Fern Delta color palette (#F6F6ED, #D0D6C3, #97AF90, #486500, #34332C)
- Hazy Olive color palette (#F0ECD3, #92B971, #458A3D, #536314, #1D3600)
- Muted Moss color palette (#EBF9F5, #C7DEE7, #A2C9E7, #7EAA00, #203832)
- Tempered Pine Workshop color palette (#E1EBD0, #008E5B, #004335, #002112, #070800)
- Hushed Courtyard color palette (#E2E5DB, #A0A898, #7C8C73, #00532E, #070B00)
- Emerald Balcony color palette (#E5ECCD, #00A944, #00787D, #004887, #272500)
- Cerulean Courtyard color palette (#F0F7F2, #D1DDDC, #B4C3C3, #4E9DAA, #414A44)
Browse the whole catalog at Explore, or see today's palette.