Muted Olive color palette — #F5F2E6 · #B3BE7F · #6D8645 · #575549 · #26211A

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 (#F5F2E6): a clean, paper-quiet neutral.
• Sage (#B3BE7F): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#6D8645): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#575549): quiet, heavy and certain.
• Onyx (#26211A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Mint Field color palette (#F3F3E1, #97C77C, #73806F, #595804, #24211B)
• Wandering Market color palette (#FCF0E2, #E6A963, #8B7C32, #764905, #28201C)
• Antique Moss Drift color palette (#E5F7F0, #94A557, #455E5B, #2E3B37, #1C241F)
• Softworn Teal color palette (#DEE8DA, #09C4B1, #59786A, #434D40, #18190F)
• Patina Clover color palette (#EEF1D1, #5DBB39, #55704F, #444500, #161106)
• Ancient Courtyard color palette (#DEE1D2, #00A84A, #3E5C40, #2F312A, #060400)
• Lagoon Loft color palette (#E3F3D7, #008E72, #0E4959, #142205, #020200)
• Hushed Mint Alley color palette (#FFF4DB, #CFE3A8, #90C590, #5A9E89, #405A40)

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