Muted Garden color palette — #FEF1FA · #9FADEB · #A3875F · #3A7663 · #314C0A

A conversation between Deep Olive and Mauve, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Mauve (#9FADEB): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#A3875F): A luminous, dusty gold — the color of old brass.
• Teal (#3A7663): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#314C0A): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Patina Powder color palette (#E9FAF4, #7EB8E8, #AF815E, #726A34, #534000)
• Powder Alley color palette (#FEF1F6, #B7A6E3, #998D52, #34737F, #044B56)
• Hushed Courtyard color palette (#FDF2F5, #D8B8F1, #E0927E, #7F8F51, #2A4B33)
• Tempered Studio color palette (#F4F4FF, #A78BBC, #9D5E42, #366025, #134860)
• Softworn Boulevard color palette (#FAF4EE, #C3E1EF, #99B2DE, #57938B, #654958)
• Fern Cabin color palette (#F9F5EB, #D1D4B5, #8EA380, #927572, #4F5200)
• Peony Coast color palette (#FFEDED, #C577AC, #00865F, #005D58, #003239)
• Hushed Cocoa Study color palette (#FFEAF2, #E1B5E1, #C585A0, #9C5F60, #743E0F)

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