Muted Olive color palette — #EFF8F0 · #99B8A7 · #6C7B42 · #5B527D · #31493C

A conversation between Walnut and Graphite, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Sage (#99B8A7): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#6C7B42): A full-bodied, balanced green — the color of new leaves after rain.
• Graphite (#5B527D): A full-bodied, dusty violet — the color of wild irises.
• Forest (#31493C): 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

• Wandering Lagoon color palette (#EDF8F2, #A7C9BF, #5C8B86, #68617D, #3D524C)
• Olive Terrace color palette (#FDEDF3, #BFB482, #5D823A, #4D546D, #182C21)
• Hazy Mulberry Loft color palette (#E5FBF5, #7EB285, #007C5B, #7B335B, #224328)
• Driftwood Station color palette (#FDF3EB, #D4C299, #7C9A67, #866778, #543F00)
• Muted Cypress color palette (#F0F8F1, #C1E3EC, #319AA5, #007453, #144F60)
• Weathered Driftwood Ridge color palette (#FDF1FC, #E7D6D7, #D9BC91, #AA6682, #61455A)
• Weathered Garnet Boulevard color palette (#D2EBE6, #5D9B79, #006354, #61263D, #00321D)
• Brick Workshop color palette (#FEF0FF, #CA8C91, #249D96, #A7394C, #004D49)

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