Olive Field color palette — #D4E4DB · #677B2C · #4E4400 · #321E00 · #000800

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

The five colors

• Silver (#D4E4DB): A whisper-light, dusty teal — the color of sea glass.
• Olive (#677B2C): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4E4400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#321E00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000800): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Basalt Lagoon color palette (#DEF7E9, #787A43, #4E4600, #322700, #141900)
• Aged Bronze color palette (#F3E1E8, #8A6D2C, #643700, #430D00, #060500)
• Fern Drift color palette (#EEE5CC, #9B9F60, #6A6100, #3D3000, #030400)
• Linen Harbor color palette (#D3F2DE, #9BA76C, #7E6A00, #5F3A00, #072302)
• Amber Cabin color palette (#F4DEE6, #B1860A, #844B00, #631800, #141300)
• Hushed Terrace color palette (#FFEBF7, #C89DAE, #976856, #6C3C40, #15281A)
• Obsidian Denim Drift color palette (#E0F0FF, #005784, #4E2500, #2A1100, #000202)
• Hushed Stone Market color palette (#EAF6E9, #A2C5AF, #718B70, #694F5D, #1B312A)

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