Olive Field color palette — #E8E8DA · #738100 · #516700 · #2F4A00 · #010D00

Olive Leaf and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E8E8DA): bright and airy, almost weightless.
• Olive Leaf (#738100): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#516700): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#2F4A00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#010D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Bronze Study color palette (#EFDEC5, #967100, #755D00, #4E4300, #070600)
• Chalky Scarlet color palette (#D0F0E8, #5E8F00, #D01B00, #3E6000, #130000)
• Antique Emerald Atelier color palette (#D9F3D6, #009340, #006F42, #004F34, #000805)
• Hazy Olive Grove color palette (#DBF1EE, #6EC493, #00AC8F, #4A7800, #000F04)
• Weathered Pine Workshop color palette (#D6F1D6, #008723, #007383, #755100, #000300)
• Worn Jade color palette (#E2F5E7, #00B880, #008F6F, #005F50, #002B26)
• Antique Emerald Delta color palette (#DCE4D5, #6FC64F, #00A43E, #007943, #003B23)
• Cerulean Market color palette (#EAE7CF, #008ABA, #008B74, #001C16, #000203)

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