Olive Field color palette — #ECE7D6 · #A39A43 · #6B7900 · #395800 · #204318
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
- Parchment (#ECE7D6): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#A39A43): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#6B7900): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#395800): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#204318): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged warm.
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 Olive color palette (#F1E6BF, #99AF72, #4E873A, #00682D, #0E4F36)
- Aged Mustard color palette (#F0E9D6, #D1BC14, #94A010, #638239, #22401F)
- Pale Villa color palette (#F1EED4, #7C8400, #385500, #103600, #001F1B)
- Bronze Ridge color palette (#FCDBC6, #BB8540, #8A6400, #564900, #1E3C16)
- Chalky Olive Villa color palette (#F7F9CD, #84B078, #3B7413, #1A4000, #122C00)
- Linen Market color palette (#F2EFDC, #829845, #8964B5, #4D5F00, #3F275B)
- Hushed Olive Bloom color palette (#F7F7E2, #C6E3CC, #72C5B6, #7B7516, #42433C)
- Chalky Mulberry Field color palette (#E8E7C8, #638732, #2070B4, #9F2247, #21310B)
Browse the whole catalog at Explore, or see today's palette.