Olive Field color palette — #F7F7DF · #A1C583 · #B694D2 · #688E44 · #4D375F

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

The five colors

• Cream (#F7F7DF): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#A1C583): A luminous, balanced green — the color of a quiet forest floor.
• Mauve (#B694D2): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#688E44): A luminous, balanced green — the color of new leaves after rain.
• Royal Purple (#4D375F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Ancient Lilac color palette (#FEF4DF, #CBB766, #979CEA, #947F23, #3B3D6A)
• Worn Lagoon Courtyard color palette (#F2F7EC, #92D5B7, #D29FBF, #4F9E7E, #644344)
• Mallow Chapel color palette (#E3FCF4, #C0E38A, #E09EFF, #729722, #373355)
• Olive Grove color palette (#E4FBF5, #8FA976, #A076B3, #4A7400, #51365D)
• Wisteria Pier color palette (#F7F7DC, #8DB26F, #BB7EC3, #B26184, #383831)
• Antique Loft color palette (#FFF3E9, #D2BA95, #B08568, #97553D, #3F3D36)
• Soft Rose color palette (#E7FEDA, #33DCBC, #D95B6B, #008B75, #651E29)
• Tempered Stone Drift color palette (#EEF8EE, #F5B0A5, #387E7E, #064D4C, #1B251B)

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