Muted Pine color palette — #F3F4FF · #8C71B8 · #2A8544 · #305483 · #303143

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Slate Blue (#8C71B8): A luminous, balanced violet — the color of wild irises.
• Fern (#2A8544): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#305483): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#303143): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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

• Washed Courtyard color palette (#F5F3FF, #A467A9, #777600, #005D6F, #342F43)
• Ancient Coast color palette (#ECF7FF, #308ABB, #488138, #0E597E, #243542)
• Violet Terrace color palette (#F3F4FF, #8E6EC0, #007D9C, #514A81, #303143)
• Dusty Peony color palette (#FFEDEC, #C16095, #608044, #005E60, #261414)
• Dusty Delta color palette (#F7F3FF, #B0619E, #AC5436, #126337, #362E44)
• Powdered Bronze color palette (#E2FDEF, #C97BA2, #955A12, #12537A, #493549)
• Softworn Peony color palette (#F9F2FF, #EA6BB1, #709D68, #2E7B83, #382E41)
• Aged Canyon color palette (#F6F3FE, #D296D3, #757300, #853F88, #132920)

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