Hazy Olive color palette — #FDE9C0 · #BAB976 · #748402 · #375200 · #092C00

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

The five colors

• Custard (#FDE9C0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#BAB976): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#748402): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#375200): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#092C00): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Softworn Pine color palette (#E4F7C9, #94BD82, #348E4E, #005837, #00281D)
• Weathered Grove color palette (#FFEFDF, #D5A96F, #966F00, #5B4C00, #292600)
• Gentle Mustard color palette (#FFF1BC, #CDC76C, #8D9945, #597429, #194600)
• Misty Ridge color palette (#FFEBDF, #CBA747, #7C7F1B, #2D5C2B, #004A3A)
• Patina Olive color palette (#F9F1DD, #A69F53, #577800, #005153, #28230E)
• Worn Boulevard color palette (#E4E8D5, #79A300, #256C00, #004418, #00180A)
• Worn Mustard color palette (#F6F2E4, #FDD788, #CDC414, #759447, #292203)
• Deep Parlor color palette (#F0EECB, #606700, #2D4000, #071B00, #000200)

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