Hazy Olive color palette — #FFF4E2 · #ABA65E · #5C7400 · #5C4476 · #403C0E

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ABA65E): A luminous, balanced green — the color of fresh herbs.
• Olive (#5C7400): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#5C4476): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#403C0E): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Hushed Hollow color palette (#F9F6E3, #8AAF7C, #187D49, #385276, #264319)
• Quiet Olive Atelier color palette (#FEEFE0, #B1AB65, #3B7D1F, #49437B, #252100)
• Hushed Fern color palette (#F6F6E9, #ACB58C, #40826A, #734F4D, #3F4800)
• Aged Fern color palette (#EFE3CC, #89915F, #37620F, #4E2F5A, #282C00)
• Pale Atelier color palette (#FFF1F5, #BFBE89, #5B9853, #6060A3, #3F3D06)
• Hushed Ridge color palette (#FAF4EA, #C7C1A8, #88843C, #935239, #5C4C00)
• Worn Plum color palette (#FFF2EB, #EDDBB5, #DBBD6E, #A14C5F, #613824)
• Quiet Basin color palette (#FFE4DE, #DD3E1F, #008947, #4350C3, #511E14)

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