Olive Field color palette — #FFF3E9 · #C8B373 · #718B45 · #566A52 · #38352F
A conversation between Olive Leaf and Sand, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E9): bright and airy, almost weightless.
- Sand (#C8B373): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#718B45): A full-bodied, balanced green — the color of fresh herbs.
- Graphite (#566A52): A full-bodied, dusty green — the color of fresh herbs.
- Espresso (#38352F): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, 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
- Muted Lagoon color palette (#FDF5DF, #97C28F, #29947C, #476C5F, #35362F)
- Ancient Moss color palette (#FFF3E8, #D0BA61, #699631, #725F87, #3D3A34)
- Dusty Moss Balcony color palette (#FEF1F5, #DDD09C, #80934A, #2F715B, #08301C)
- Aged Fern Drift color palette (#E9FAF0, #9D9F70, #5D6930, #39532F, #1E3C30)
- Timeworn Olive Courtyard color palette (#F0E2D3, #AEAA3E, #3E8433, #714753, #322803)
- Timeworn Lantern color palette (#ECDFD3, #A09532, #3A701D, #005052, #1F1B00)
- Tempered Study color palette (#F7EACD, #7DC056, #008C6D, #006485, #183701)
- Antique Periwinkle Alley color palette (#FCF3ED, #B1E1CB, #6D97D2, #0C7D6F, #4F2E42)
Browse the whole catalog at Explore, or see today's palette.