Olive Field color palette — #E9FAEF · #94BFAF · #678D51 · #2B6A8E · #0E3F31

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

The five colors

• Ivory (#E9FAEF): A whisper-light, dusty teal — the color of sea glass.
• Ash (#94BFAF): A luminous, dusty teal — the color of sea glass.
• Olive Leaf (#678D51): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#2B6A8E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#0E3F31): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, muted, cool.

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

• Wandering Lagoon color palette (#E8F9F7, #8EC2AA, #0F9486, #5E5C91, #143C3E)
• Worn Emerald Boulevard color palette (#FBF5E8, #CBD898, #6F9759, #446D5F, #2E280B)
• Gentle Moss Field color palette (#EBF9F0, #B9C279, #6C9448, #805396, #3A3E0D)
• Dusty Workshop color palette (#DBE8E1, #99AE78, #438341, #704172, #212E00)
• Cypress Loft color palette (#F0F7F1, #AFDDEA, #30A6B7, #007F61, #004154)
• Ash Hollow color palette (#F1F7F1, #C0D8CA, #79A797, #757B99, #3F5248)
• Honey Veranda color palette (#FFF3E6, #D5CD79, #81AF72, #9B7983, #38352E)
• Gentle Pine color palette (#D9E8E1, #829D5F, #1B732C, #00477A, #131F00)

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