Olive Alley color palette — #EEF8F1 · #92BAA8 · #667D44 · #575673 · #32483E

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

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Sage (#92BAA8): A luminous, dusty teal — the color of sea glass.
• Olive (#667D44): A full-bodied, balanced green — the color of fresh herbs.
• Graphite (#575673): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#32483E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Olive Alley 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 Pine color palette (#FFECF2, #B7B780, #578253, #4D536E, #172C23)
• Fern Chapel color palette (#EDF8F1, #98A16A, #4B6F31, #6E3A35, #173E31)
• Stone Courtyard color palette (#FFF3E6, #C9C986, #729C6E, #856877, #44423B)
• Wandering Cerulean Pier color palette (#F0F7F1, #B8E4F6, #0099BB, #007265, #2E4B61)
• Dusty Garden color palette (#FAF5E8, #E2D5A9, #A8B285, #AB877A, #514100)
• Hazy Atelier color palette (#D0F5E5, #76A14B, #006D2C, #65255F, #203506)
• Wandering Ember Meadow color palette (#FFF0FA, #CE6648, #13925A, #5961A7, #45313E)
• Antique Terracotta Chapel color palette (#FFF0FB, #D6887B, #009AB0, #AA3B2D, #0F4B55)

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