Muted Garden color palette — #FFF1F7 · #C6BAF0 · #98B991 · #6D8C66 · #3D2C34
Lavender takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Lavender (#C6BAF0): A luminous, dusty violet — the color of wild irises.
- Sage (#98B991): A luminous, dusty green — the color of new leaves after rain.
- Fern (#6D8C66): A luminous, dusty green — the color of a quiet forest floor.
- Espresso (#3D2C34): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Muted Garden 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
- Ancient Powder color palette (#E9FAF1, #89CFE9, #95BA8E, #628E6D, #23372D)
- Ancient Summit color palette (#FFF2ED, #F8ACAC, #ACB57A, #808758, #3D2D28)
- Teal Orchard color palette (#F4F4FF, #D0B6EA, #C3B782, #5CAD87, #3B3B50)
- Muted Mallow color palette (#FFF1F5, #D4B5E9, #7CB9CF, #518BA0, #3D2C31)
- Taupe Coast color palette (#F5F7E4, #E7D3FF, #CD8F8D, #5A7C60, #4F383A)
- Weathered Taupe Corridor color palette (#FBF2F9, #B8CAFD, #BE8F60, #2F748B, #472E48)
- Hushed Taupe color palette (#FCF2F4, #DFD9D4, #A7B5B1, #B29B81, #554A4C)
- Blush Summit color palette (#FFF2EF, #F391A7, #5AADB3, #018289, #361D18)
Browse the whole catalog at Explore, or see today's palette.