Olive Field color palette — #FFF2EB · #F0C295 · #A69D4F · #4F7C41 · #00584B
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Cantaloupe (#F0C295): A whisper-light, dusty gold — the color of old brass.
- Moss (#A69D4F): A luminous, balanced green — the color of fresh herbs.
- Olive (#4F7C41): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#00584B): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, 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
- Feathered Mustard color palette (#FFF3E5, #DBC078, #8A8A47, #51642D, #21562E)
- Pale Olive Summit color palette (#FFE8D4, #B8A026, #3B8800, #005746, #00262E)
- Amber Orchard color palette (#FFF1F1, #FBB8B1, #D08D60, #8B7325, #344C19)
- Patina Jade Hollow color palette (#FFF3E2, #CAD498, #6EAD7E, #007E7C, #005168)
- Moss Veranda color palette (#FFF3E8, #EAB081, #77A062, #706792, #4B4741)
- Airy Moss Terrace color palette (#F9EDCD, #80A200, #007946, #004443, #001724)
- Ancient Emerald color palette (#FBDAA4, #B3BF5D, #009C50, #006357, #003646)
- Taupe Station color palette (#F6F2E6, #A69E53, #535F17, #3A3831, #25211C)
Browse the whole catalog at Explore, or see today's palette.