Hazy Olive color palette — #FFF2EC · #FF9588 · #C88B00 · #5B8400 · #003930

Olive Leaf takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#FF9588): A luminous, balanced orange — the color of autumn markets.
• Mustard (#C88B00): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#5B8400): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#003930): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Powdered Lantern color palette (#FFF3E9, #FF9A50, #A99B00, #008D42, #00383A)
• Tangerine Studio color palette (#FFF2F0, #FF8DBA, #EF6C00, #857600, #003B1C)
• Soft Olive color palette (#F3DCCF, #EA805D, #A47E00, #3A7200, #002621)
• Worn Moss Veranda color palette (#FFF1F1, #E6BEA8, #D09D78, #82944D, #2F5128)
• Patina Moss color palette (#FFF3E3, #EBAA00, #69AF00, #00887B, #00354D)
• Soft Amber Pier color palette (#F0E5DB, #D17500, #7B7600, #006231, #001617)
• Olive Loft color palette (#E8E0D2, #9D7C00, #2E7700, #004F48, #000910)
• Byzantium Studio color palette (#FFE1D1, #FF7B5A, #AA8400, #8900E2, #470027)

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