Olive Field color palette — #F2EFDC · #858100 · #616600 · #334200 · #060D00
Built around Olive Leaf, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F2EFDC): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#858100): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#616600): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#334200): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#060D00): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Linen Harbor color palette (#D4F8EC, #6F8B00, #007D9A, #4A5D00, #00070B)
- Moss Station color palette (#E5F6DC, #49A11F, #2C7900, #1A3C00, #000200)
- Airy Pier color palette (#FBDFCE, #AD6000, #7F4D00, #533500, #120A00)
- Emerald Pier color palette (#D4EAD8, #009457, #007150, #004B39, #000C08)
- Airy Alley color palette (#CDF4ED, #7FC08A, #00B083, #5D780D, #001210)
- Clover Terrace color palette (#E2F3E0, #00B658, #009458, #00684A, #002C21)
- Dusty Cerulean color palette (#EDE5C7, #008BB7, #008C6E, #001F17, #000203)
- Clover Quarry color palette (#E8F4E2, #83D078, #0EBB45, #1A8A4F, #104530)
Browse the whole catalog at Explore, or see today's palette.