Muted Olive color palette — #EFF8F0 · #8FBBA6 · #5E7E49 · #1E675C · #284B3C

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

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Sage (#8FBBA6): A luminous, dusty teal — the color of glacier melt.
• Olive (#5E7E49): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#1E675C): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#284B3C): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Weathered Studio color palette (#EBF9F3, #A1D0C1, #7B9B63, #507B78, #314841)
• Fern Bloom color palette (#ECF9EE, #9B9F6F, #437033, #484471, #163E30)
• Fern Thicket color palette (#F6F2E4, #B9B590, #5F8145, #505C13, #2B280F)
• Muted Pier color palette (#FDF4E6, #D7DB98, #95B887, #859680, #504100)
• Dusty Spruce color palette (#D6E3D9, #657325, #01450C, #002927, #0E1200)
• Cerulean Delta color palette (#EEF6FF, #DDD9E3, #DDB3DB, #2D8798, #3D4961)
• Petrol Chapel color palette (#EDF6FF, #6AA6D6, #B27E30, #006BA7, #5B3B02)
• Aubergine Chapel color palette (#DFF0E4, #70833A, #00541D, #351C60, #171E00)

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