Muted Pine color palette — #FAF4EB · #B7B18A · #388556 · #6F4F5A · #4C4300

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 (#FAF4EB): a clean, paper-quiet neutral.
• Sage (#B7B18A): A luminous, dusty green — the color of fresh herbs.
• Fern (#388556): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#6F4F5A): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Olive (#4C4300): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Antique Pine color palette (#FFF3E4, #A2AA66, #007F31, #594672, #3A3E10)
• Wandering Fern Drift color palette (#F7F5EA, #BCC6A7, #518D8A, #7A5D5F, #45550C)
• Softworn Pine color palette (#E9F5EF, #AABB8D, #5B8057, #565168, #162C26)
• Hushed Chestnut Summit color palette (#FFF3E9, #D08E63, #009AB4, #9A4E0B, #264C36)
• Dusty Cerulean color palette (#FCF3EE, #BFE8D0, #5E8EBE, #24715D, #583E50)
• Worn Orchard color palette (#ECE4D5, #7C965C, #006544, #502D5C, #2D2A02)
• Wandering Taupe color palette (#EAFAEF, #B3E0D3, #8DB896, #8B8DAD, #2B4941)
• Bronze Delta color palette (#FFF3E9, #E1A56E, #AA5800, #673500, #452601)

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