Muted Olive color palette — #E8F6EE · #B1B988 · #677F39 · #385D58 · #152D24

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

The five colors

• Cream (#E8F6EE): bright and airy, almost weightless.
• Sage (#B1B988): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#677F39): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#385D58): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#152D24): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Muted 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

• Lagoon Pier color palette (#E6F5F4, #86BFC1, #2F8671, #2C5D68, #092D2E)
• Tempered Olive Garden color palette (#E8F6F0, #94A973, #3F741D, #07514F, #03221B)
• Hushed Coast color palette (#FFF3E4, #B7B278, #667B52, #505F48, #524000)
• Hushed Moss color palette (#EDF9ED, #EEE8B2, #89AB5E, #4F8085, #2B3D34)
• Shadow Olive color palette (#D3E7DF, #557322, #174100, #002611, #020300)
• Muted Azure Archive color palette (#EBF4F3, #C6E0F5, #4594D2, #006983, #1A2D43)
• Azure Lagoon color palette (#E8F3FF, #4392DB, #9B66B2, #007C70, #0D1F32)
• Antique Peony color palette (#E7F4FF, #65ABE1, #C568A6, #006AA4, #3B1930)

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