Muted Pine color palette — #FAF5E8 · #B6B189 · #53814F · #396358 · #4B4300

Fern takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Sage (#B6B189): A luminous, dusty green — the color of new leaves after rain.
• Fern (#53814F): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#396358): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#4B4300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Muted Pine 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

• Softworn Meadow color palette (#FDF4E7, #B8B17F, #6B7C28, #714D5F, #534000)
• Weathered Hollow color palette (#F5F6EE, #BBC6A3, #558E7F, #735F6C, #44550C)
• Dusty Fern Field color palette (#FCF5E3, #94A272, #417132, #5A405F, #37362F)
• Antique Taupe color palette (#ECF8F4, #ACE2D7, #91B890, #6B98A7, #2A4943)
• Cerulean Balcony color palette (#F9F4EE, #C8E5CC, #2999B1, #147260, #2D5042)
• Emerald Loft color palette (#EEECD9, #4EA858, #006B4B, #293F79, #143618)
• Wandering Emerald color palette (#FFF1F3, #C287C6, #429F60, #88498C, #41433C)
• Olive Workshop color palette (#EDE8D4, #5E8837, #005323, #451D40, #1D1C00)

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