Muted Olive color palette — #F5F2E7 · #B6B879 · #AD8BCA · #757722 · #452631

A conversation between Olive and Mauve, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Sage (#B6B879): A luminous, balanced green — the color of fresh herbs.
• Mauve (#AD8BCA): A luminous, balanced violet — the color of wild irises.
• Olive (#757722): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#452631): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Washed Periwinkle color palette (#FCF0E4, #DCA775, #6B9EE2, #956636, #3B2A3C)
• Dusty Coral Orchard color palette (#F0F3E8, #8CC299, #DA7C89, #458156, #47271F)
• Hushed Parlor color palette (#E9FAF3, #BFCD7E, #B3A6E9, #889352, #464B67)
• Tempered Iris Grove color palette (#F8F2DD, #A1A15D, #8383D5, #99648D, #2D2714)
• Wandering Coast color palette (#F8F6E8, #A6BA71, #58A5B9, #6B7A44, #375543)
• Softworn Driftwood Harbor color palette (#FDEFE6, #CFB69F, #A77562, #6F4F46, #332B1C)
• Peony Basin color palette (#EBF5E9, #4BB8AF, #C8699A, #00746E, #3F172D)
• Basalt Courtyard color palette (#F5F2E5, #CDE3D0, #A0D9F2, #A58E69, #3B3C00)

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