Muted Pine color palette — #F4F4FF · #B68ACF · #99933C · #008450 · #323047
Fern takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Mauve (#B68ACF): A luminous, balanced violet — the color of wild irises.
- Moss (#99933C): A luminous, balanced green — the color of fresh herbs.
- Fern (#008450): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#323047): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Moss Veranda color palette (#F8F2FF, #C788AB, #739E58, #007E84, #382E42)
- Hushed Wisteria Courtyard color palette (#FFF1F5, #D494F6, #AD9F51, #478064, #301F24)
- Blush Meadow color palette (#F9F2FD, #DA87A8, #9B7B3A, #006E58, #1F3760)
- Olive Workshop color palette (#EFF6FF, #809DDE, #BD7E5C, #6A7720, #273346)
- Washed Violet color palette (#F4F4FF, #9769BE, #886E00, #00605A, #303046)
- Blush Canyon color palette (#FDF0FF, #FF7293, #008B58, #00728B, #461C25)
- Softworn Magenta color palette (#E9DEFF, #E84FCF, #4A7500, #006662, #390431)
- Crimson Coast color palette (#EAD7E9, #D04D58, #00856B, #005A7C, #290F29)
Browse the whole catalog at Explore, or see today's palette.