Muted Garden color palette — #D4F1E4 · #94B688 · #3D7F6D · #414A64 · #2C263D

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D4F1E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#94B688): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#3D7F6D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#414A64): A full-bodied, dusty violet — the color of a velvet chair.
• Midnight (#2C263D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Sophistication. Tagged vintage, 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

• Tempered Pewter Corridor color palette (#FEE0ED, #B2A477, #65764A, #314F66, #1D283E)
• Lagoon Grove color palette (#D8FBF2, #8AC1C2, #54918E, #54536B, #383041)
• Antique Cypress color palette (#E5F6F4, #6CB093, #007569, #59411E, #002123)
• Timeworn Orchard color palette (#FFF0F8, #B3DFCF, #67B3A1, #716080, #40314D)
• Teal Corridor color palette (#DEF2E4, #00AA9D, #007285, #612F57, #3B0B1C)
• Tempered Boulevard color palette (#FCD6B5, #9BAB7C, #3B7F79, #6C4A4D, #652A0A)
• Weathered Stone color palette (#EAEAB5, #9FC389, #66A38F, #765E6A, #58373E)
• Tempered Hollow color palette (#E0E5D5, #638F65, #00665B, #342058, #21001A)

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