Hazy Olive color palette — #F8F7DF · #ABCD78 · #AA98E5 · #608413 · #2B1D4C

Olive Leaf and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F7DF): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#ABCD78): A luminous, balanced green — the color of new leaves after rain.
• Wisteria (#AA98E5): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#608413): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#2B1D4C): 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

• Pale Moss color palette (#DDF5EC, #B3CA73, #B7A0F6, #839E00, #3A2861)
• Chalky Pine color palette (#F2F8E6, #6FD89E, #CE8ACC, #008D56, #3A1939)
• Pale Corridor color palette (#FFF3E3, #E8B65B, #959DF4, #9A6D00, #202051)
• Emerald Archive color palette (#F3F8E4, #AAE5B7, #D2A8E6, #449F60, #452D51)
• Airy Terrace color palette (#FAF7D8, #95B538, #B27CCD, #9668AD, #171F00)
• Chalky Indigo Market color palette (#D6F7F0, #72B052, #7062DE, #265600, #312E5C)
• Aged Peony color palette (#EDFCD6, #2EE29C, #E440A0, #007F54, #3C0025)
• Soft Indigo Market color palette (#EDEAD5, #94AC42, #7555BF, #4C5D00, #1F123B)

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