Olive Grove color palette — #E2F8F0 · #69830C · #623E8C · #551E60 · #49113B

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

The five colors

• Ivory (#E2F8F0): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#69830C): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#623E8C): A full-bodied, balanced violet — the color of wild irises.
• Royal Purple (#551E60): A deep, shadowed, balanced pink — the color of peonies in June.
• Deep Indigo (#49113B): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Olive Grove 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

• Olive Cabin color palette (#E3F7F3, #4E8838, #644280, #68162B, #451400)
• Frosted Aubergine color palette (#EFEFDB, #628A37, #005F74, #481269, #2A0500)
• Washed Dune color palette (#E5F6F2, #7BA452, #007F98, #682899, #511205)
• Dusty Bronze color palette (#FFECF4, #B25D00, #005D73, #3E2A6F, #3B0E40)
• Feathered Aubergine color palette (#CFEBE8, #0E7130, #4C0064, #330044, #280014)
• Wandering Olive Garden color palette (#E5F7EF, #7A7D04, #404C94, #513300, #292700)
• Washed Basalt color palette (#FBECD3, #86AAA4, #588597, #604967, #532E41)
• Teal Archive color palette (#E8F9FC, #4EAA9E, #965D6A, #7A3F4B, #58354B)

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