Muted Olive color palette — #F5F6EE · #D4DFD5 · #B7C4BB · #607E54 · #484841

Built around Fern, softened by Stone — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#D4DFD5): bright and airy, almost weightless.
• Stone (#B7C4BB): a calm mid-gray that lets other colors speak.
• Fern (#607E54): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#484841): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Pewter Drift color palette (#F2F2EB, #D2D8D3, #B2BFB8, #657E53, #2D2D21)
• Dusty Parlor color palette (#EEF7F5, #D1DDE2, #B4C3CC, #679B90, #3B4C48)
• Worn Stone Lantern color palette (#ECFBE0, #8EC8C2, #79907D, #6F5B6B, #5D4344)
• Tempered Fern color palette (#F8F6E6, #99BB88, #538054, #645B07, #464500)
• Softworn Abyss color palette (#E5F0EA, #AABEB6, #75968D, #004C62, #13231C)
• Spruce Quarry color palette (#EAEEDE, #A3AE91, #758665, #004418, #131603)
• Softworn Forest Thicket color palette (#F3F7ED, #CCD7C1, #99AE91, #006C43, #2B3900)
• Misty Courtyard color palette (#F3F8E7, #C0F492, #6AC781, #30A086, #373933)

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