Olive Field color palette — #F2DFBE · #867E00 · #3A5F00 · #002912 · #000302
A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.
The five colors
- Peach Cream (#F2DFBE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Olive Leaf (#867E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#3A5F00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#002912): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged 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
- Shadow Archive color palette (#E2E0C7, #5D6D00, #254200, #001F04, #000401)
- Aged Amber color palette (#FFE6DB, #B77700, #554F00, #1E2900, #000801)
- Emerald Field color palette (#E3E4D4, #0A9E27, #006744, #002C2A, #000102)
- Sunlit Moss color palette (#F0EECF, #829500, #517A00, #06540E, #001E0E)
- Dusty Bronze color palette (#EDDAE1, #9F8318, #704000, #460100, #010100)
- Hushed Grape Loft color palette (#C0EBE2, #5AA11F, #90009E, #224700, #030004)
- Dusty Sky color palette (#D9F9C5, #75E7C8, #46B5EA, #6B5300, #000D07)
- Emerald Loft color palette (#FFF0B5, #ADCC00, #299C0E, #005A3F, #002C2A)
Browse the whole catalog at Explore, or see today's palette.