Hazy Olive color palette — #F1F4DF · #398C32 · #005A86 · #611451 · #3C2600

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

The five colors

• Cream (#F1F4DF): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#398C32): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005A86): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#611451): A deep, shadowed, balanced pink — the color of a candy shop window.
• Espresso (#3C2600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Patina Olive color palette (#F5F3DB, #69822F, #005F6D, #452967, #4D170E)
• Hushed Garnet color palette (#ECF6E5, #008B72, #3B4D96, #6C0B2F, #312C00)
• Ancient Delta color palette (#F1F8E8, #269F74, #386695, #6B2D5E, #502F0E)
• Muted Canyon color palette (#F5ECDD, #96771F, #00635D, #5F0040, #1B1300)
• Washed Mulberry color palette (#E6F7E9, #BA8D2A, #008283, #93004E, #3A2800)
• Basalt Balcony color palette (#EAEDD0, #9AB08C, #67866E, #694D6F, #623646)
• Gentle Delta color palette (#D1E8DD, #007298, #671E7C, #4F1B00, #132500)
• Wandering Fern Corridor color palette (#FAF5E3, #8BA473, #456E4B, #5A4900, #36362F)

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