Hazy Olive color palette — #F7F6E8 · #92A972 · #9878C2 · #527200 · #49395F

Built around Olive, softened by Lavender Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6E8): a clean, paper-quiet neutral.
• Sage (#92A972): A luminous, balanced green — the color of new leaves after rain.
• Lavender Blue (#9878C2): A luminous, balanced violet — the color of a velvet chair.
• Olive (#527200): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#49395F): A deep, shadowed, dusty 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

• Feathered Iris Courtyard color palette (#FCF4E5, #B09F64, #7285CC, #796300, #364067)
• Muted Lilac color palette (#F1F8E9, #61B291, #AE70AC, #007856, #553554)
• Chalky Lilac Study color palette (#E5F6F1, #96AE6B, #A973CA, #566F18, #262241)
• Hushed Wisteria color palette (#F8F6E4, #A6C56D, #C486EB, #6F8D2D, #4D385C)
• Aged Lapis color palette (#F2F9DC, #4E9C65, #7B70B3, #6A57B2, #373932)
• Worn Harbor color palette (#FFF2E9, #BAA384, #93674D, #7A3C40, #3F3D36)
• Soft Chartreuse color palette (#E6FBF4, #B8DA86, #CAAEF3, #8CAB5D, #493A5E)
• Byzantium Delta color palette (#E2E9C9, #27AF53, #9C05A7, #005F26, #4D0053)

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