Olive Field color palette — #F2FFAA · #9DC062 · #468D1A · #00531D · #001B0D
A conversation between Olive Leaf and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Butter (#F2FFAA): A whisper-light, balanced green — the color of a quiet forest floor.
- Mint Leaf (#9DC062): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#468D1A): A full-bodied, vivid green — the color of new leaves after rain.
- Deep Olive (#00531D): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#001B0D): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Patina Mint color palette (#D5FFDB, #63CA97, #00896A, #005348, #001615)
- Washed Villa color palette (#E8FFC7, #ADDD98, #45A65D, #00673E, #002B1F)
- Bronze Drift color palette (#FFF4DE, #CFB45E, #857A00, #414400, #0B1200)
- Washed Moss color palette (#ECEFDB, #739700, #376300, #01430B, #002B15)
- Moss Garden color palette (#ECDCC5, #BDB213, #69A400, #00784A, #002D29)
- Wandering Jade Cabin color palette (#D9E9D5, #65B36F, #00754B, #003728, #000403)
- Velvet Olive color palette (#E7E7D2, #538706, #042E0A, #151D19, #020500)
- Dusty Olive Garden color palette (#F7F5EF, #D8DFD2, #B9CAB1, #817A00, #231E0F)
Browse the whole catalog at Explore, or see today's palette.