Muted Garden color palette — #FFF1F5 · #ECDCAC · #86AE8E · #6E6E93 · #2F453C
A conversation between Wheat and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Wheat (#ECDCAC): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#86AE8E): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#6E6E93): A full-bodied, dusty violet — the color of twilight just after sunset.
- Forest (#2F453C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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
- Muted Petrol color palette (#E9FBEB, #FFD1C2, #ADA275, #64709E, #4C3941)
- Weathered Ash Terrace color palette (#EAF9F7, #CBE3F2, #89B7C5, #967D8C, #304C4F)
- Oat Cabin color palette (#EEF8F3, #CFD189, #799EC1, #6A648E, #442F4C)
- Pine Loft color palette (#FEF3E8, #BAA66C, #52855B, #644F74, #4A4841)
- Cerulean Pier color palette (#FBF5E2, #CAD8A2, #93BB8D, #309BAF, #4F4900)
- Lagoon Corridor color palette (#FAF3F8, #D6D4E1, #B3C5F2, #5CA193, #3F4E62)
- Weathered Stone color palette (#E5FBF4, #A2B970, #435959, #1F2F2A, #0C110D)
- Hushed Olive Corridor color palette (#E7F6EE, #A8B274, #5C854F, #0C5C68, #1D312B)
Browse the whole catalog at Explore, or see today's palette.