Muted Ridge color palette — #F6F3FD · #D19DCE · #649D5B · #705D97 · #3C405C

Moss takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F6F3FD): bright and airy, almost weightless.
• Mauve (#D19DCE): A luminous, balanced pink — the color of peonies in June.
• Moss (#649D5B): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#705D97): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3C405C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Muted Ridge 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

• Antique Thicket color palette (#F3F4FD, #BEA2E5, #819645, #327288, #264759)
• Tempered Shell color palette (#FFF2EE, #FFB5B7, #80A675, #546B92, #2A3758)
• Washed Loft color palette (#FCF2F8, #E79B86, #239CB2, #7F5983, #443E59)
• Hushed Sky Courtyard color palette (#F9F3F8, #D5D6EA, #78BBDD, #679275, #455467)
• Antique Ash Dune color palette (#EFF7F5, #AADCDE, #6CA7AA, #84788E, #395253)
• Dusty Amber color palette (#FFF2EB, #CB836B, #667848, #1C5D68, #573746)
• Gentle Courtyard color palette (#F8F2FF, #EE6EBC, #0C9346, #720890, #481A4B)
• Hushed Amber Thicket color palette (#FFF0FB, #F6BE99, #C7953D, #7E7A3D, #31564D)

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