Olive Field color palette — #F7F6E9 · #AECBA3 · #688C6B · #58702F · #505100

Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Pistachio (#AECBA3): A luminous, dusty green — the color of new leaves after rain.
• Fern (#688C6B): A luminous, dusty green — the color of new leaves after rain.
• Olive (#58702F): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#505100): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Dusty Thicket color palette (#F7F6EA, #98BC84, #528152, #49614C, #43433C)
• Hushed Fern Delta color palette (#FAF4ED, #E4DFC1, #B2BA96, #86A28F, #5A4D00)
• Tempered Turquoise color palette (#F5F6ED, #C7E6DE, #61A6AF, #60765A, #3A5142)
• Olive Studio color palette (#E8E3CF, #698617, #295000, #003634, #1F1B00)
• Muted Lagoon color palette (#E1E7D7, #3E9F82, #006356, #004749, #202E11)
• Patina Balcony color palette (#FFF0FA, #E6D6D6, #B3AC9A, #9E819B, #584750)
• Shadow Drift color palette (#EDEED8, #00712A, #00351D, #001C16, #050700)
• Washed Iris Field color palette (#FFF0FB, #7E92E3, #AD749D, #34838C, #4C3D48)

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