Muted Garden color palette — #FDF2F7 · #CDE0CE · #887BB9 · #5C3A4B · #21181D

Built around Slate Blue, softened by Cocoa — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FDF2F7): bright and airy, almost weightless.
• Celadon Mist (#CDE0CE): A whisper-light, dusty green — the color of new leaves after rain.
• Slate Blue (#887BB9): A luminous, balanced violet — the color of wild irises.
• Cocoa (#5C3A4B): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#21181D): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Dusty Cerulean color palette (#EFF7F5, #CDDBCA, #608BAF, #2D4E45, #141E1B)
• Pewter Boulevard color palette (#FFF2F0, #FDE2AC, #A35E75, #532C27, #170C0B)
• Hushed Celadon color palette (#FCF1FB, #B7EFBD, #899FC6, #7A6578, #312830)
• Washed Pewter color palette (#EFF2F9, #9CD0C3, #5D5C84, #293047, #11141B)
• Patina Coral color palette (#FBF3F5, #E6D9E2, #E8948C, #A88BC5, #261B17)
• Timeworn Amber Field color palette (#FFF1F5, #C6A1D8, #A99631, #427E69, #2E252F)
• Byzantium Ridge color palette (#FFF1F4, #FFD26F, #8F42AE, #411852, #130207)
• Washed Taupe color palette (#FDF4E6, #FFC9F2, #D18C91, #537F54, #4E3938)

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