Olive Field color palette — #E6EBB6 · #A7B96F · #6B8C39 · #3B6222 · #2D4C2A

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

The five colors

• Celadon Mist (#E6EBB6): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A7B96F): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#6B8C39): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#3B6222): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#2D4C2A): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Soft Forest color palette (#F3DFB4, #AEAE69, #6B8619, #166619, #00321E)
• Bronze Atelier color palette (#F8DAA9, #C7AB63, #967E1E, #5F5400, #2A4724)
• Wandering Drift color palette (#C8EEC5, #79C28D, #268D5F, #006B4F, #164E40)
• Tempered Fern Harbor color palette (#F3F8E6, #C2EDD1, #92D4C4, #69815B, #465711)
• Olive Hollow color palette (#F7F7E0, #8AAB72, #BA7564, #4D722F, #5F352B)
• Emerald Basin color palette (#F3FAD8, #539B5D, #008A9F, #836322, #373932)
• Powdered Archive color palette (#DEEED6, #25AF1E, #007E30, #004C2D, #003232)
• Softworn Terrace color palette (#FFF3E7, #BBA285, #906945, #77430E, #543700)

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