Hazy Olive color palette — #F4F4FF · #A79DFF · #887A00 · #578200 · #14023B

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Wisteria (#A79DFF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#887A00): A full-bodied, balanced green — the color of fresh herbs.
• Olive Leaf (#578200): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#14023B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, 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

• Timeworn Periwinkle Drift color palette (#EFF6FF, #75ADFF, #A46A00, #5E721B, #001030)
• Pale Station color palette (#E3E2F7, #BCB2FF, #4CB86A, #7E9100, #261157)
• Fuchsia Study color palette (#FEF0FF, #EF6CFF, #3E8E00, #007F73, #210226)
• Misty Moss color palette (#FEF0FF, #F598FF, #47A505, #00958A, #311434)
• Softworn Pier color palette (#ECE5FF, #883DE5, #6A6900, #2F5924, #15002E)
• Frosted Peony color palette (#FFF1F1, #F969C0, #39AE7A, #19927B, #2E1112)
• Soft Magenta color palette (#FFF1F3, #EC04E6, #009473, #00644D, #1C001B)
• Pale Amethyst color palette (#E9E5FE, #7C4ADD, #994C00, #00614F, #29144F)

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