Hazy Olive color palette — #EFF0DD · #8CB675 · #AB85EC · #3F7C00 · #3D285D

A conversation between Olive and Wisteria, giving this palette its sense of nature and growth.

The five colors

• Cream (#EFF0DD): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8CB675): A luminous, balanced green — the color of fresh herbs.
• Wisteria (#AB85EC): A luminous, balanced violet — the color of a velvet chair.
• Olive (#3F7C00): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#3D285D): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Tempered Iris color palette (#F4EEDF, #B4AA61, #7990E2, #807300, #253163)
• Wisteria Drift color palette (#E8F3DD, #58BE9B, #C670C5, #008666, #4D224C)
• Chartreuse Alley color palette (#E3FCF5, #ABE269, #BF83E7, #537C14, #331C42)
• Emerald Hollow color palette (#F4F7E6, #95C698, #D787B6, #0E9A37, #5C334B)
• Dusty Raspberry color palette (#E3E9C9, #67A76B, #9376CF, #AC4DA2, #113415)
• Soft Lime Ridge color palette (#F0F1D5, #91D55D, #32BFF7, #6BA43E, #003B50)
• Faded Byzantium color palette (#E2E6C6, #5AAD52, #A047B6, #0E5307, #2E0039)
• Raspberry Atelier color palette (#DBEBCD, #30CBA4, #DF0073, #007B61, #59002A)

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