Olive Field color palette — #EAF6EB · #81AB95 · #5C6D1E · #5B4100 · #042216

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

The five colors

• Cream (#EAF6EB): bright and airy, almost weightless.
• Sage (#81AB95): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#5C6D1E): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#5B4100): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#042216): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, 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

• Ancient Cypress color palette (#E8F5F2, #85AB8D, #00765A, #364F1A, #002220)
• Weathered Olive Hollow color palette (#FFF3E7, #A49D64, #3E721B, #654221, #38352E)
• Quiet Olive color palette (#E2F9E8, #ABAD66, #537900, #005B3A, #222200)
• Fern Cabin color palette (#D8EBE0, #859658, #2D641B, #004434, #0F1500)
• Emerald Corridor color palette (#FFF1F5, #B3DBC6, #6E9760, #7F5B35, #0D2F20)
• Muted Olive color palette (#FDF4E6, #BCB784, #768B2B, #815B16, #38352E)
• Fern Orchard color palette (#D6E4DA, #787F33, #2D4E00, #332900, #070900)
• Worn Cabin color palette (#DBF8FC, #A1E5E6, #6BC2EB, #407A40, #00292E)

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