Olive Field color palette — #E9F9F7 · #91D09B · #BA8ACE · #6A8934 · #11431E

Olive Leaf takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9F9F7): a clean, paper-quiet neutral.
• Mint Leaf (#91D09B): A luminous, balanced green — the color of new leaves after rain.
• Mauve (#BA8ACE): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#6A8934): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#11431E): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, 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

• Hazy Olive Veranda color palette (#EAF8FD, #60D1DE, #AF8CDD, #758700, #004046)
• Bronze Alley color palette (#E9FAF1, #C8C178, #8B9BE2, #957A00, #3E3900)
• Teal Drift color palette (#ECF9F1, #ADE1D7, #78BCA4, #6997AE, #2A4944)
• Taupe Basin color palette (#D9FDFF, #BDDBE0, #A1C0DD, #93986B, #2A5B5E)
• Tempered Grove color palette (#ECF7FF, #61C8F9, #B666BA, #894900, #013518)
• Soft Studio color palette (#E8F3FF, #70B9F6, #D46F87, #008463, #002E4D)
• Tempered Peony Villa color palette (#D6E3F2, #62A5F3, #CE5AAB, #006E1B, #001F41)
• Worn Harbor color palette (#D8E7F4, #64B2ED, #676E8C, #3A4C5B, #101A1E)

Browse the whole catalog at Explore, or see today's palette.