Hazy Olive color palette — #F8ECDA · #AEAA72 · #718B00 · #007840 · #1E1B00

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

The five colors

• Cream (#F8ECDA): A whisper-light, dusty gold — the color of old brass.
• Sage (#AEAA72): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#718B00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#007840): A full-bodied, balanced teal — the color of sea glass.
• Ink (#1E1B00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Quiet Emerald color palette (#EBE6D8, #97B26C, #3E9441, #6C6700, #141F00)
• Tempered Pine Lagoon color palette (#E7E1CE, #87A35A, #168723, #006554, #0B1200)
• Patina Courtyard color palette (#FEE7D6, #A7904F, #526B00, #00514A, #231900)
• Washed Lagoon Market color palette (#EBEBDE, #82B58F, #009574, #007278, #00220C)
• Wandering Meadow color palette (#EEE3D1, #BBBF87, #7C9E53, #377E9E, #322800)
• Ancient Olive color palette (#D6E6D9, #847B0C, #3B4B00, #0A321B, #000B05)
• Airy Harbor color palette (#D3F9EC, #0095E0, #DC3C7A, #688000, #001323)
• Linen Moss Veranda color palette (#FFF3E3, #DAD092, #9EAF52, #2E96B2, #443B00)

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