Olive Field color palette — #F0EDDD · #658733 · #184800 · #340C00 · #010100
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 (#F0EDDD): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#658733): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#184800): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#340C00): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#010100): a grounded near-black with real depth.
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
- Moss Harbor color palette (#E6E1CF, #839938, #365900, #3E2500, #010100)
- Weathered Study color palette (#DBE2CC, #04906C, #00473B, #001E2D, #000201)
- Velvet Fern Loft color palette (#DFEFE7, #49621F, #003408, #260028, #010100)
- Hushed Bronze color palette (#FBE5D5, #A45000, #00662F, #461F00, #000200)
- Airy Pine Ridge color palette (#FBEED1, #75953F, #02763C, #513E63, #040700)
- Bronze Villa color palette (#F0DCCB, #B96D00, #5C3200, #191C14, #0B0300)
- Antique Harbor color palette (#FFF4E0, #B0A35F, #656400, #5B2E11, #0A0700)
- Garnet Balcony color palette (#F3E8DE, #7A4700, #315100, #5F0030, #020100)
Browse the whole catalog at Explore, or see today's palette.