Olive Field color palette — #E9F8FF · #00C7E2 · #B79600 · #508D00 · #002721
Built around Olive Leaf, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Cyan (#00C7E2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Mustard (#B79600): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#508D00): A full-bodied, vivid green — the color of a quiet forest floor.
- Onyx (#002721): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
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
- Pale Sky Field color palette (#EDF7FF, #49B2F3, #8CA03D, #008558, #00202B)
- Hazy Hollow color palette (#E1FBFF, #00CDB7, #D47900, #857700, #002A0F)
- Patina Cerulean color palette (#F2F5FF, #B8B7F2, #5DB897, #00A0AE, #273443)
- Softworn Delta color palette (#EBF1FF, #9694FF, #009F6A, #007B84, #00162A)
- Quiet Terrace color palette (#E4EDF9, #2A81F6, #3C8600, #006155, #00060B)
- Iris Market color palette (#FFF0F9, #8180FF, #C75200, #005C2D, #0D0F30)
- Lilac Cabin color palette (#F2F4FF, #DDD6E1, #BEA4A2, #AC8DFF, #3B3E52)
- Dusty Peony Cabin color palette (#FFF0F9, #ECA0F5, #E967B7, #B76000, #4A2646)
Browse the whole catalog at Explore, or see today's palette.