Olive Grove color palette — #E3FCF1 · #848725 · #5170A9 · #6F3D70 · #1C3A2E

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

The five colors

• Ivory (#E3FCF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#848725): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5170A9): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#6F3D70): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Forest (#1C3A2E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Bronze Loft color palette (#EAFAEB, #A87707, #197C9C, #4C4A87, #263828)
• Soft Mulberry Field color palette (#E4F7EF, #848D3C, #0082A0, #7F3061, #002016)
• Tempered Station color palette (#E4FBF7, #719D70, #8077A7, #7E4F5E, #284340)
• Tempered Denim color palette (#EAF9F5, #6D8C3C, #3C5AA1, #672950, #3A212B)
• Muted Loft color palette (#E7FCEA, #6FA873, #107A71, #5E406A, #174546)
• Tempered Garnet Boulevard color palette (#D9FEFF, #008B66, #7F4CA0, #8C002E, #003524)
• Washed Plum Veranda color palette (#F6F7E4, #86AC6B, #2A9FB4, #96528C, #33332C)
• Pewter Parlor color palette (#EEF7F6, #D2DDE1, #B4C1CB, #607E58, #3F4A48)

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