Muted Garden color palette — #F7DCE5 · #9D69D2 · #AE6700 · #007A70 · #28133C

A conversation between Amethyst and Ochre, giving this palette its sense of optimism and creativity.

The five colors

• Shell Pink (#F7DCE5): A whisper-light, dusty rose — the color of pressed rose petals.
• Amethyst (#9D69D2): A luminous, balanced violet — the color of twilight just after sunset.
• Ochre (#AE6700): A full-bodied, balanced gold — the color of honey in a jar.
• Teal (#007A70): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#28133C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged warm.

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

• Gentle Amber color palette (#FFD9E2, #AF80C2, #B67C00, #00898A, #391F42)
• Soft Orchid color palette (#F8F2FF, #B360FF, #B86E00, #007C72, #130322)
• Byzantium Chapel color palette (#F9E9F9, #A649A7, #836400, #00646E, #230024)
• Gentle Rust color palette (#F6DFEF, #6679ED, #D14024, #007E41, #141A44)
• Dusty Drift color palette (#FAD4D1, #C55E8D, #7B8100, #00729C, #3A0922)
• Feathered Summit color palette (#F8D4D3, #CC6DA2, #247400, #005F61, #2E0B20)
• Amber Balcony color palette (#FFF1F2, #CB8EB9, #AD982B, #0096B3, #502C2F)
• Violet Market color palette (#EDDEE5, #8B59E7, #2B5B00, #004733, #23163C)

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