Hazy Olive color palette — #FFF4E3 · #A4AA58 · #2D7D00 · #684B00 · #3B3E0F

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

The five colors

• Cream (#FFF4E3): A whisper-light, dusty gold — the color of old brass.
• Sage (#A4AA58): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#2D7D00): A full-bodied, vivid green — the color of fresh herbs.
• Bronze (#684B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3B3E0F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Weathered Veranda color palette (#F9F5E8, #85A672, #00764D, #504D1C, #36362F)
• Sunlit Moss color palette (#FEE7CC, #A29400, #456600, #004F41, #342F00)
• Aged Station color palette (#FEF5DB, #BBC452, #769326, #706B3A, #3C3B34)
• Fern Alley color palette (#FAF4EB, #CAC19C, #688D60, #5B6B57, #5B4C00)
• Gentle Villa color palette (#E6FCED, #CED685, #89B45F, #9C8742, #154435)
• Patina Coast color palette (#E6E3D0, #578859, #00513F, #2D3200, #032206)
• Aged Clover Chapel color palette (#DBEDD0, #0EB74C, #00865D, #005C56, #0F3F56)
• Powdered Balcony color palette (#E8FDDA, #90EFFF, #97C3FF, #448533, #0F4E4B)

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