Muted Olive color palette — #EFF7F5 · #D1DEE4 · #B2C4CF · #617E4F · #3F4B48

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D1DEE4): bright and airy, almost weightless.
• Stone (#B2C4CF): A luminous, dusty blue — the color of open sky before noon.
• Fern (#617E4F): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#3F4B48): 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

• Timeworn Pine color palette (#EAF9F3, #88BBB2, #44835A, #585E36, #2D4944)
• Lagoon Field color palette (#EFF7F7, #D4DBE1, #B2AAB5, #5E8B8D, #4D5455)
• Muted Forest color palette (#EDF8F7, #BFD8DB, #70B4B5, #006C3E, #203837)
• Softworn Spruce color palette (#DDE9E8, #95AFB0, #528B84, #00450D, #011816)
• Pine Bloom color palette (#D6E9E9, #00865B, #0F3840, #092424, #070F11)
• Wandering Abyss color palette (#E6EDF1, #ABBBCA, #7B90AD, #004C60, #152128)
• Ancient Cypress Hollow color palette (#EAFAED, #77A670, #007B6D, #5C406F, #204443)
• Antique Emerald Orchard color palette (#EAF9F7, #489E59, #006C96, #642E6F, #4D2B3F)

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